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

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

Meet Conditionizr, the conditional free legacy, retina, script and style loader

After much debate about a way forward past conditional statements, retina detection, and legacy content serving, Mark Goodyear and I have been working hard on a proposed solution: Conditionizr. Conditionizr...

Read more Meet Conditionizr, the conditional free legacy, retina, script and style loader

ViewPort dynamic width calculation, retina and pixel ratio JavaScript widget

Dynamically adjusted screen dimensions, retina detection and device pixel ratio. When working on website projects that are responsive, it’s imperative to easily know the exact ViewPort dimensions for calculating media...

Read more ViewPort dynamic width calculation, retina and pixel ratio JavaScript widget

Mark Goodyear on moving past IE7, with BrowserBlast Plugin

I’m Mark Goodyear, a front-end developer and designer from Middlesbrough, UK. I also run a creative agency Big Bite Creative. IE has always caused headaches for every developer, and as...

Read more Mark Goodyear on moving past IE7, with BrowserBlast Plugin