Angular icon Get 67% off the Angular Master Bundle!

See the bundle then add to cart and your discount is applied.

days
hours
mins
secs

Blog

Our top guides and resources to help you learn new technologies the right way. Enjoy!

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

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

Todd Motto image

Todd Motto

May 20, 2013

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 jQue...

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

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

Todd Motto image

Todd Motto

May 20, 2013

HTML5 required attributes are a fantastic addition to the HTML5 spec, they save a lot of time when working on client-side form validation and enhan...

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

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

Todd Motto image

Todd Motto

Apr 19, 2013

I’ve started introducing a new concept into my JavaScript workflow and I really think it’s worth sharing:

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

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

Todd Motto image

Todd Motto

Mar 24, 2013

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 ...

Storing data in the browser with the HTML5 localStorage API image

Storing data in the browser with the HTML5 localStorage API

Todd Motto image

Todd Motto

Mar 14, 2013

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 als...

Building an HTML5 responsive menu with media queries and JavaScript image

Building an HTML5 responsive menu with media queries and JavaScript

Todd Motto image

Todd Motto

Mar 12, 2013

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

Introducing SuperBox the re-imagined lightbox gallery image

Introducing SuperBox the re-imagined lightbox gallery

Todd Motto image

Todd Motto

Mar 8, 2013

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, reduc...

Writing the best CSS when building with HTML5 image

Writing the best CSS when building with HTML5

Todd Motto image

Todd Motto

Mar 7, 2013

Let’s become HTML agnostic. HTML agnostic means to use as little HTML in your CSS (or none). The key factor here is to avoid becoming markup relian...

Attaching event handlers to dynamically created JavaScript elements image

Attaching event handlers to dynamically created JavaScript elements

Todd Motto image

Todd Motto

Mar 5, 2013

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 el...

Progressively enhanced SVG sprite icons image

Progressively enhanced SVG sprite icons

Todd Motto image

Todd Motto

Mar 1, 2013

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 cannot...

Using HTML5 Geolocation to show current location with Google Maps API image

Using HTML5 Geolocation to show current location with Google Maps API

Todd Motto image

Todd Motto

Feb 25, 2013

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 loca...

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

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

Todd Motto image

Todd Motto

Feb 4, 2013

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 m...