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

Simple HTML5 data-* jQuery tabs, markup free and relative to their container for ultimate re-use

One of my favourite additions to the HTML5 spec is data-* attributes, they’re useful for such an array of things. I love integrating them into jQuery/JavaScript and seeing what difference...

Read more Simple HTML5 data-* jQuery tabs, markup free and relative to their container for ultimate re-use

Progressively enhancing HTML5 forms, creating a required attribute fallback with jQuery

Note: this article first featured on Tech.Pro, please check out the full article there! HTML5 required attributes are a fantastic addition to the HTML5 spec, they save a lot of...

Read more Progressively enhancing HTML5 forms, creating a required attribute fallback with jQuery

data-js selectors, enhancing HTML5 development by separating CSS from JavaScript

I’ve started introducing a new concept into my JavaScript workflow and I really think it’s worth sharing: Change your HTML/CSS all you like without changing a single line of JavaScript....

Read more data-js selectors, enhancing HTML5 development by separating CSS from JavaScript

Flaunt.js for stylish responsive navigations with nested click-to-reveal

Flaunt.js is a jQuery script that allows you to create a responsive, nested navigation out the box. Flaunt was built to overcome responsive design challenges which faced a huge percentage...

Read more Flaunt.js for stylish responsive navigations with nested click-to-reveal

Introducing SuperBox the re-imagined lightbox gallery

SuperBox is a new jQuery plugin I’ve been composing over the last few days. SuperBox takes the whole ‘image’ and ‘lightbox’ one step further, reducing the JavaScript and image load...

Read more Introducing SuperBox the re-imagined lightbox gallery

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