Tutorials, guides and expert articles.
Writing the best CSS when building with HTML5
Let’s become HTML agnostic. HTML agnostic means to use as little HTML in your CSS (or none). The key factor here is to avoid becoming markup relian...
Mar 7, 2013
Mar 5, 2013
Join our email community
Developer tips and tricks, motivation, discounts and new course launches.
✅ Successfully subscribed!
Progressively enhanced SVG sprite icons
You may remember a while back, I coded up some nice CSS3 social media icons, to which I have had to remove from my website due to the fact I cannot...
Mar 1, 2013
Using HTML5 Geolocation to show current location with Google Maps API
Geolocation is one of the best new HTML5 APIs, so let’s see what we can do with it. In a nutshell, Geolocation allows you to give your current loca...
Feb 25, 2013
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...
Feb 4, 2013
Feb 2, 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,...
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 ...
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 ...
Jan 18, 2013
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...
Dec 17, 2012