HTML and CSS: Still Relevant for Designers
If you’re a designer trying to stay current you may be feeling some pressure to learn one of the many new web programming languages that are “hot” right now (React, Angular, etc.). Not only because these…
Read MoreLearn How: Programmatically Open File Downloads in a New Window with JavaScript
Have you ever wanted a way to update all file download links on your site to have the behavior of opening a new browser window? This is a better user flow than having the user follow…
Read MoreHTML5 Local Storage
HTML5’s local storage feature allows the browser to store and retrieve specific data. In this post, we’ll pick up where we left off in the previous post where we built a real-time CSS editor using the HTML5…
Read MoreThe HTML5 Contenteditable Attribute
Did you know that we’re able to create client-side, in-browser content editing using basic HTML elements? We could then save that edited content to the browser’s local storage. The key to making this happen is with the HTML5 contenteditable attribute. To…
Read MoreHow to Create Custom HTML Elements
(Photo by Kenny Louie / Flickr) An exciting feature of the HTML specification that’s been getting a bit of hype recently is custom HTML elements. These allow you to create your own HTML elements along with their own…
Read MoreHow to Evaluate Front-End Code for Inefficiencies
There’s more to writing good front-end code than knowing every HTML tag, CSS selector, or the latest front-end features and techniques. And as I mentioned in a recent blog post, writing good code takes a lot…
Read MoreBuilding HTML5 Context Menus
A lesser known feature of the HTML5 specification is context menus. These allow you to add custom items to the menu that appears when a user right-clicks on the page. Using JavaScript, you can then control…
Read MoreHow to Remember the Code You’re Learning
One of the most common questions I get from students is: “What’s the best way to retain what I’m learning?” @guilh I started treehouse and have been going through various HTML & CSS tracks but struggle…
Read MoreAn Introduction to HTML Imports
HTML imports is an exciting technology that promises to change how we build websites. Imports allow you to include HTML documents within other HTML documents. This has a number of benefits, including the ability to create…
Read MoreUsing localForage for Offline Data Storage
(Photo by Erich Ferdinand/Flickr) An important step on the path toward robust, offline web applications is the ability to store data in the user’s browser. Technologies like IndexedDB and localStorage have provided this functionality to web developers,…
Read MoreHow to Create an AJAX Contact Form
A common feature of many websites is a contact form. Standard contact forms work just fine, but you can make them nicer by using AJAX to submit the form data in the background. In this blog…
Read MoreHow to Use the Details and Summary Elements in HTML5
A number of new interactive elements were introduced with HTML5 that provide native implementations of common UI widgets like dialogs and modals. Among these new additions are the <details> and <summary> elements. These elements allow developers…
Read More