Blog
Tutorials, guides and expert articles.
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 ...

Todd Motto
Jan 18, 2013
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...

Todd Motto
Jan 1, 2013
Join our email community
Receive top developer tips, motivational emails, discounts and be the first to know about new releases.
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 work...

Todd Motto
Dec 17, 2012
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 imperat...

Todd Motto
Dec 16, 2012
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 p...

Todd Motto
Dec 6, 2012

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

Todd Motto
Dec 3, 2012

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

Todd Motto
Nov 25, 2012

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

Todd Motto
Nov 17, 2012

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

Todd Motto
Nov 14, 2012

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

Todd Motto
Oct 28, 2012

HTML5 Blank, Rapid WordPress Theme Development
HTML5 Blank Theme is an industry leading WordPress shell, recognised by Adobe, Smashing Magazine, .NET and more, for deploying your next WordPress ...

Todd Motto
Sep 16, 2012