Angular icon Get 67% off the Angular Master Bundle!

See the bundle then add to cart and your discount is applied.

days
hours
mins
secs

Blog

Our top guides and resources to help you learn new technologies the right way. Enjoy!

How to addClass, removeClass, toggleClass in JavaScript image

How to addClass, removeClass, toggleClass in JavaScript

Todd Motto image

Todd Motto

Feb 2, 2013

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

Contact forms; the HTML5 way. Semantics, inputs, data attributes, javascript feature detection image

Contact forms; the HTML5 way. Semantics, inputs, data attributes, javascript feature detection

Todd Motto image

Todd Motto

Jan 26, 2013

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

Fluid and responsive YouTube and Vimeo videos with fluidvids.js image

Fluid and responsive YouTube and Vimeo videos with fluidvids.js

Todd Motto image

Todd Motto

Jan 22, 2013

One of the major drawbacks to responsive design is managing external plugins/resources, such as YouTube and Vimeo videos – which we can embed into ...

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

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

Todd Motto image

Todd Motto

Jan 18, 2013

Designing in the browser is increasingly popular, especially with responsive websites. Having a reliable and simple viewport resizer is key to any ...

Creating a responsive, dynamic mobile select navigation from pure javascript image

Creating a responsive, dynamic mobile select navigation from pure javascript

Todd Motto image

Todd Motto

Jan 1, 2013

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

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

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

Todd Motto image

Todd Motto

Dec 17, 2012

After much debate about a way forward past conditional statements, retina detection, and legacy content serving, Mark Goodyear and I have been work...

ViewPort dynamic width calculation, retina and pixel ratio JavaScript widget image

ViewPort dynamic width calculation, retina and pixel ratio JavaScript widget

Todd Motto image

Todd Motto

Dec 16, 2012

Dynamically adjusted screen dimensions, retina detection and device pixel ratio. When working on website projects that are responsive, it’s imperat...

imgShufflr, randomised inline and CSS background images plugin image

imgShufflr, randomised inline and CSS background images plugin

Todd Motto image

Todd Motto

Dec 6, 2012

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

bounceThis plugin, mimics CSS3 keyframes bouncing header animations image

bounceThis plugin, mimics CSS3 keyframes bouncing header animations

Todd Motto image

Todd Motto

Dec 3, 2012

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

Flawless clickable drop-down navigation image

Flawless clickable drop-down navigation

Todd Motto image

Todd Motto

Nov 25, 2012

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

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

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

Todd Motto image

Todd Motto

Nov 17, 2012

SVGs (Scalable Vector Graphics) are the future graphics format of the web, they offer resolution-independent, fully scalable and crystal clear grap...

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

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

Todd Motto image

Todd Motto

Nov 14, 2012

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