How To articles

In the previous part of this tutorial, using a mixture of HTML5, jQuery and CSS, we constructed the barebones functionality of our HTML5-driven full-screen video background. This time, we're going to be styling it, preparing fallbacks...
Full screen images used as the background of sites have an amazing visual impact, but did you know that you can use video in exactly the same way? After all the excitement of working with HTML5 audio, I felt it was only logical to follow-up by moving...
When Google and other search engines index websites, they don't execute JavaScript. This seems to put single page sites — many of which rely on JavaScript — at a tremendous disadvantage compared to a traditional website. Not being on Google,...
Print's a tricky business. Just because the dimensions are set in stone, we tend to think that everything will come out just the way we designed it. Oh, and it turns out the dimensions aren't set in stone… The reality is that print is as device...
When it comes to styling webpages, nothing's as tricky as forms. And when it comes to styling forms — almost — nothing's as tricky as the <select> input. We can style a <select> with CSS, but there are big limitations on how much...
The power of a good visual isn’t just a scientifically well-documented phenomenon; it’s the whole reason our industry exists. Indeed, our existence as a species is largely defined by our sense of sight. What we see, and how we interpret...
When it comes to presenting screenshots of your work the most obvious choice would be to use a straightforward screen-grab. Today, however, we're going to look at some alternative methods and discuss how they might be able to make your screenshots...
There's been a lot of talk about iOS 7 since its unveiling earlier this month and most of it has been centered around the design, in particular the new icons. Now, as we've all had time to mull over the changes, questions are beginning to be asked...
As a freelance web designer and developer I have become accustomed to working in a specific order from start to finish on a typical client's website. My typical workflow starts with programming/sketching which then leads to development and...
If you're a designer or developer with an idea for a new product or website, the chances are that you will need someone who has the skills that you lack in order to help make it a reality. It's a problem that we all recognise but one that some appear...
Over the past few years, soaring mobile usage has sparked an evolution, or perhaps revolution, in the way that we approach delivering content to online users. The ultimate goal is a fluid, mobile and device-agnostic web, and one school of thought...
Why are magazines and books always laid out the same? Even with alternative design, there is a harmony in layout or the reader’s head will explode… or they will just stop reading and skip to the next page. Successful design in publishing,...