How To articles

I’m pretty sure I haven’t blinked in a while. I think this because my eyes are dry and so is my mouth. My face is tense and my chest feels tight. I’m noticing that my breathing has become shallow and I’ve got a weak feeling in my gut. Suddenly,...
A little over a decade ago, British competitive cycling was nowhere. With a couple of notable exceptions — Tom Simpson in the ‘60s and Chris Boardman in the ‘90s — no British cyclist had made a significant impact on a sport dominated...
Whenever someone starts a new website, one of the very first things they’re sure to do is install Google Analytics. It doesn’t seem to matter what the content will be, what level of expertise the website owner has, or even whether they...
Infinite scrolling embodies one of the ideal attributes of any good design: people can use it without thinking about it. Once you’ve encountered it a couple of times, you forget about it. I’d say that most of us have come to expect certain...
A great way to catch the attention of a visitor to your website is a "splash screen" or an "intro screen". However, making a successful one is very difficult for one simple reason: splash screens easily irritate users. Splash screens...
In this tutorial we'll look at the techniques needed to make a navigation menu that is hidden off screen until the user clicks on a menu icon, at which point the content slides over and darkens, and the menu slides in. The menu will also be responsive...
We have capabilities in our browsers that we wouldn’t have dreamt of 5 or 10 years ago. Entire 3D game worlds can run in the browser and interactive websites can be more immersive experiences. With a certain virtual reality company being purchased...
In the last few months, the buzz around SVG images has grown and grown. SVG has been around for years, but it’s only recently that it’s started to look like a real contender. The hype around SVG isn’t just some hipster trend, SVG completely...
Horizontal layouts of all kinds have intrigued me ever since I found out you could do that. I don't know exactly why I'm fascinated with them... maybe it's just my inner rebel talking. Whatever the reason, I'm just about ready to declare vertical...
In this tutorial we're going to look at how to speed up the user experience on small static sites using a few different methods. (A static site is one which doesn't have any renewing content, so no blog posts or photo streams etc.) The way we're...
Last time we covered our bicycle enthusiast's page, we built an entire basic page in less than twenty minutes flat using the magic of Foundation. Today, we're going to take that magic even further, and without touching a single line of jQuery...
Zurb's Foundation is one of the most widely-used responsive frameworks available at the minute — and for good reason, too. With a flexible grid system, a seemingly endless features-list and a community working to push new and improved features...