Brain Food for Web Developers


May 23, 2012
by Graham

Is Responsive Web Design Important?

There’s a huge buzz around responsive web design at the moment. As I mentioned in my previous article, mobile web browsing is expected to overtake desktop browsing within a few years. Now designers are using responsive design to ensure their sites adapt to different devices. But is it worth jumping onto the responsive bandwagon? Is responsive design an important step in the evolution of web design or is it just a gimmick? Continue reading

CSS layout design

April 15, 2012
by Graham

Responsive Web Design – A 3 Column Layout

Now that mobile browsing is expected to overtake desktop browsing within the next few years, web developers have to think about how their sites will appear on mobile devices. This post will talk about future-proofing websites with responsive design. I’ll demonstrate an example of a 3 column front page design, complete with JQuery slideshow.
Continue reading

CSS Folder

August 8, 2011
by Graham
Comments Off on CSS3 Text Effects

CSS3 Text Effects

Looking for ways to jazz up your website? With new CSS3 techniques it’s easy to add some nifty text effects that can make your site really stand out. What’s great about these effects is that they degrade gracefully; that is to say that, if a browser (in this case, Internet Explorer) does not support the new CSS rules, there is a satisfactory fallback.
Check out the demo of some text-shadows in action. Continue reading


August 18, 2010
by Graham
Comments Off on Printing Web Pages with the CSS Media Query

Printing Web Pages with the CSS Media Query

Although nowadays it’s becoming more acceptable for people to read text from a screen (especially with the release of high resolution e-readers such as the iPad and the Kindle) it’s still very important that people have the option of printing a paper copy.
This article will walk through some of the easy steps involved in creating a printer friendly version of your webpages. To see this method in action, take a look at this demo. Continue reading

June 29, 2010
by Graham
Comments Off on CSS3 Text Background

CSS3 Text Background

The other day I came across an interesting post by Trent Walton that demonstrates good use of CSS3 and its webkit aminations over selectable text. It is accomplished through the use of background clipping, transparent text and webkit animations. If you want to … Continue reading