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

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

Browser-based responsive development tool, viewport resizing, custom widths

Designing in the browser is increasingly popular, especially with responsive websites. Having a reliable and simple viewport resizer is key to any responsive developer’s workflow. From the popularity of my...

Read more Browser-based responsive development tool, viewport resizing, custom widths

Creating a responsive, dynamic mobile select navigation from pure javascript

Here’s how to create a select menu from an existing menu using JavaScript. The select menu will be comprised of an existing menu, which dynamically creates a select menu and...

Read more Creating a responsive, dynamic mobile select navigation from pure javascript