February 18, 2014 in Learn
How to Use The HTML5 Sectioning Elements
HTML5 has seen the introduction of a number of sectioning elements that can be used to mark up your web pages. Using these elements gives more semantic meaning to your pages, allowing computer programs to better understand your content. In…
January 16, 2014 in Learn
Accepting Voice Input in HTML5 Forms
The way that we interact with computers has changed dramatically over the past decade. Touch-screen devices and laptop trackpads have enabled a much more intuitive form of interaction than is achievable using a traditional mouse. These changes haven’t been limited…
November 26, 2013 in Learn
Responsive HTML Emails, JavaScript Techniques, WebGL | Treehouse Show Episode 67
It’s Tuesday which means that the Treehouse Show is back! In episode 67 of The Treehouse Show, Nick and Jason (@jseifer) talk about responsive HTML email, fullscreen mobile apps, WebGL and much more. There’s also the usual round up of…
October 10, 2013 in Learn
Building an HTML5 Text Editor with the FileSystem APIs
In recent years we have seen the introduction of a whole new set of APIs that aim to give developers the power to store data on a user’s machine. In this blog post you are going to learn how to…
September 17, 2013 in Learn
Reading Files Using The HTML5 FileReader API
HTML5 saw the introduction of a number of new APIs that can be used to handle files in the browser. These APIs make it much easier to accomplish tasks like reading and writing files or uploading a file created using…
July 26, 2013 in Learn
Creating Reusable Markup with The HTML Template Element
Templates are one of the key tools at any developers disposable. They make it easier for us to build complex websites that are maintainable and easy for other developers to understand. With the exception of a few JavaScript frameworks, most…
June 10, 2013 in Learn
Create Your Own To-Do App with HTML5 and IndexedDB
IndexedDB is a client-side web technology that allows developers to build applications that are able to store data locally. Unlike LocalStorage, which enables the storage of simple key/value pairs, IndexedDB supports the storage of structured data. This enables developers to…
April 17, 2013 in Learn
Customize an HTML5 Webpage using the Bootstrap Framework
Many web developers are familiar with Twitter Bootstrap and have seen this library on a number of projects. The Bootstrap core is fantastic when you need a CSS reset along with other common layout features. It may not be the…
March 26, 2013 in Learn
SVGs, Dropdowns, and HTML5 Form Elements | Treehouse Show Ep 32
In this episode of The Treehouse Show, Nick Pettit (@nickrp) and Jason Seifer (@jseifer) talk about SVGs, Dropdowns, and HTML5 Form Elements. Here are the links for the week: SPOILER ALERT! http://joshbuddy.github.com/spoiler-alert/ svg.js – A lightweight JavaScript library for manipulating…
March 6, 2013 in Learn
HTML5/CSS3 Image Thumbnail Gallery with Lightbox Effect
The fading lightbox interface has become a staple in many website layouts. This dynamic script was originally based off Lightbox as a pure JavaScript library. Open source developers eventually start playing around with these codes to generate new designs, plugins,…
February 14, 2013 in Learn
Building Custom Controls for HTML5 Videos
One of my favorite things about HTML5 video is how easy it is to create your own custom controls. This not only allows you to style the controls however you would like but also allows you to add new controls…
January 28, 2013 in Learn
How To Create HTML5/CSS3 Columns for All Browsers
There are many techniques you may follow to create generic HTML5/CSS3 website layouts. Designers often talk in terms of columns such as 2-col or 3-col styles. There are many CSS libraries based around grid design which also allows for easy…