nabojens/headfirst-html5-code

Source code for the projects from the book Head First HTML5.

Head First HTML5 Source Code

Overview

These are the source code for the projects from the book Head First HTML5.

If you want to run these sample projects locally on your computer, you will need to setup a web server on your computer.

Source Code

Geolocation

• Track My Location - Track your location as you move around the city.

Web Service

• Mighty Gumball - Gets the latest sales data from Mighty Gumball's web service using JSONP.

Canvas

• Smiley - Draws a smiley face on the canvas to brighten up your day.

• TweetShirt - Draws a tweet from your favorite Twitter user on a T-Shirt design of your choosing.

Video

Video files are not included due to GitHub's file size limits. You can download the videos from http://wickedlysmart.com/hfhtml5/hfhtml5.zip.

• Webville TV - A HTML5 video player with playlist support.

• Video Booth - A HTML5 video player with custom controls and video effects (e.g. black & white, sepia etc.)

Local Storage

• Playlist - Saves your music playlist to the browser's local storage.

• Stickies - Create sticky notes to remind yourself of things to do (or not to do).

Web Workers

• Fractals - Draws some fancy fractal patterns on the canvas using multiple web workers to speed things up.

Web Sockets

• WebSocket - Getting started with HTML5 Web Sockets using node.js and socket.io.