The Thought Process That Shaped This Design

Now that the new design has been live a couple of weeks I want to begin sharing the thought process behind it. While there are plenty of articles online showing you how to code this or that, there’s not enough where designers share why they made decisions.
Continue reading

Where And How To Set Breakpoints In Media Queries

Flexible layouts work well to a point, but there comes a time when we need a more drastic change than simply allowing design elements to expand and contract. There comes a point where we need the ability to make larger changes in how elements flow within a design. Enter media queries. Now with official W3C goodness.
Continue reading

Maintaining Image Hierarchy And Aspect Ratio In Responsive Design

For the last few weeks we’ve been talking about images in the context of responsive design. We looked at how to serve different images to different devices and then a couple of potential ways to replace bitmap images with icon fonts and SVG.
Continue reading

This Redesign Isn’t Finished

One of the goals I set at the start of the year was to redesign this site. It took longer than expected (a case of the cobbler’s kids among other things), but I finally managed to switch to a new design. If you normally read these posts in a feedreader of some kind, today might be the day to click through to the site to see the new look.
Continue reading

How To Create Simple Shapes With Scalable Vector Graphics (SVG)

The last few weeks we’ve been looking at images in the context of responsive design. First I talked about the techniques for serving different images to different devices. Then we looked at using icon fonts to replace images where possible.
Continue reading

css.php