Responsively Redesigning

I’m currently redesigning this site to take advantage of Responsive Web Design, something anyone with a website should be doing.

I’m using a “Mobile First” approach (do you see a trend here?) by serving up a minimal content set for those on cellular networks or slow connections. As the screen size increases, the design will change to allow for a different experience (a slightly different layout, larger images, etc.) The design is also resolution independent, thanks to icon fonts (the exception being photos and images, I have yet to provide new versions of those, as my focus has been on the mobile side for now.)

This is a work in progress but I wanted to express my desire and determination to create a responsive version of my website. It’s part of a “design in the browser” method that I’m using for this particular project where I am the client. So if things happen to look a little muddy at times, that’s why!

Note: Current development and testing has taken place in Google Chrome and Safari on iOS 5. These are the most-utilized browsers according to my analytics so I design in those first. Firefox and IE support is coming next. I am only using this “live-redesign” process on my personal page, and would not use or recommend it for a commercial site. See Zeldman and Zeldman.