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

Fluid and responsive YouTube and Vimeo videos with fluidvids.js

One of the major drawbacks to responsive design is managing external plu...

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

Designing in the browser is increasingly popular, especially with respon...

Creating a responsive, dynamic mobile select navigation from pure javascript

Here’s how to create a select menu from an existing menu using JavaScrip...

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

After much debate about a way forward past conditional statements, retin...

ViewPort dynamic width calculation, retina and pixel ratio JavaScript widget

Dynamically adjusted screen dimensions, retina detection and device pixe...

imgShufflr, randomised inline and CSS background images plugin

imgShufflr is quick and lightweight plugin for generating a random image...

bounceThis plugin, mimics CSS3 keyframes bouncing header animations

We all love those slick animated drop-down headers that gracefully drop ...

Flawless clickable drop-down navigation

In this tutorial I’ll show you how to create a superb clickable drop-dow...

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

SVGs (Scalable Vector Graphics) are the future graphics format of the we...

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

Fluid-first is a way of thinking, then designing, then coding. It’s not ...

jResize Plugin, for one window responsive development

jResize is a responsive web development tool, built in jQuery to assist ...