I'm Todd, I teach the world Angular through @UltimateAngular. Conference speaker and Developer Expert at Google.

Storing data in the browser with the HTML5 localStorage API

HTML5 localStorage is an HTML5 API that allows us to save string data in the browser. localStorage is part of the web storage specification, it also has a sister called...

Read more Storing data in the browser with the HTML5 localStorage API

Building an HTML5 responsive menu with media queries and JavaScript

Responsive menus Responsive navigation menus come in all different shapes and sizes, you might recall my post on creating a dynamic select menu from an existing menu, which is one...

Read more Building an HTML5 responsive menu with media queries and JavaScript

Writing the best CSS when building with HTML5

Becoming HTML agnostic HTML agnostic means to use as little HTML in your CSS (or none). The key factor here is to avoid becoming markup reliant and avoid declaring qualified...

Read more Writing the best CSS when building with HTML5

Attaching event handlers to dynamically created JavaScript elements

When working with JavaScript, you can sometimes need to create new elements on-the-fly, and from that, you’ll need to do something with that new element. It might be a click,...

Read more Attaching event handlers to dynamically created JavaScript elements

Progressively enhanced SVG sprite icons

You may remember a while back, I coded up some nice CSS3 social media icons, to which I have had to remove from my website due to the fact I...

Read more Progressively enhanced SVG sprite icons

Using HTML5 Geolocation to show current location with Google Maps API

Geolocation is one of the best new HTML5 APIs, so let’s see what we can do with it. In a nutshell, Geolocation allows you to give your current location information...

Read more Using HTML5 Geolocation to show current location with Google Maps API

Getting started with Object-Orientated CSS (OOCSS), creating a button kit

Object-Orientated CSS, or OOCSS to the masses, is a method of structuring your CSS and HTML classes in a specific way. The purpose of OOCSS is to make code more...

Read more Getting started with Object-Orientated CSS (OOCSS), creating a button kit

Creating jQuery-style functions in JavaScript, hasClass, addClass, removeClass, toggleClass

UPDATE: Check out Apollo.js, the latest version of these scripts integrated with HTML APIs, the most powerful class API on the web! jQuery is a pretty cool framework, it has...

Read more Creating jQuery-style functions in JavaScript, hasClass, addClass, removeClass, toggleClass

Contact forms; the HTML5 way. Semantics, inputs, data attributes, javascript feature detection

Forms are often one of the last quick-finishes to a website, so here’s a great boilerplate to get you kick-started on a standards-compliant, HTML5, CSS3, responsive-ready form with custom JavaScript...

Read more Contact forms; the HTML5 way. Semantics, inputs, data attributes, javascript feature detection

Fluid and responsive YouTube and Vimeo videos with fluidvids.js

One of the major drawbacks to responsive design is managing external plugins/resources, such as YouTube and Vimeo videos – which we can embed into our sites using an iframe. This...

Read more Fluid and responsive YouTube and Vimeo videos with fluidvids.js