JavaScript blogs
Comprehensive guides to mastering JavaScript and beyond.
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 m...

Todd Motto
Feb 4, 2013
How to addClass, removeClass, toggleClass in JavaScript
jQuery is a pretty cool framework, it has it’s uses, it’s pretty reliable, but remember: it’s written with JavaScript. It’s not a language by itsel...

Todd Motto
Feb 2, 2013
Join our email community
Developer tips and tricks, motivation, discounts and new course launches.
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,...

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

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

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