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

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

imgShufflr, randomised inline and CSS background images plugin

imgShufflr is quick and lightweight plugin for generating a random image upon page load. Simply load your images onto the server, and include the plugin on your page with a...

Read more imgShufflr, randomised inline and CSS background images plugin

bounceThis plugin, mimics CSS3 keyframes bouncing header animations

We all love those slick animated drop-down headers that gracefully drop into the page on-load. This is usually done via some CSS3 keyframes code, but here’s the jQuery version. Here...

Read more bounceThis plugin, mimics CSS3 keyframes bouncing header animations

Flawless clickable drop-down navigation

In this tutorial I’ll show you how to create a superb clickable drop-down navigation, using jQuery and of course complete with CSS fallbacks. These types of drop-downs are great for...

Read more Flawless clickable drop-down navigation

Mastering SVG use for a retina web, fallbacks with PNG script

SVGs (Scalable Vector Graphics) are the future graphics format of the web, they offer resolution-independent, fully scalable and crystal clear graphics. SVGs use XML to define paths and shapes, to...

Read more Mastering SVG use for a retina web, fallbacks with PNG script

Fluid-first: creating a future proof fluid and responsive website

Fluid-first is a way of thinking, then designing, then coding. It’s not media query heavy, it’s not thousands of lines of inherited and overwritten code. It’s a minimalistic approach to...

Read more Fluid-first: creating a future proof fluid and responsive website

jResize Plugin, for one window responsive development

jResize is a responsive web development tool, built in jQuery to assist the workflow of developers on responsive projects. There are various tools for responsive development, iframes at different widths...

Read more jResize Plugin, for one window responsive development

Local host WordPress development with MAMP

Speed up your WordPress development by deploying new projects to your localhost environment by using MAMP. Nice and easy from the comfort of your own PHP files on your desktop,...

Read more Local host WordPress development with MAMP