— Jenna Lyons, from How Jenna Lyons Transformed J.Crew Into a Cult Brand
Recently I have been reading Ethan Marcotte’s "Responsive Web Design", an excellent little book about not just the technical aspects of designing a responsive website, but the philosophy behind it as well. It has gotten me pretty energized about creating responsive web pages, something I strive for in my work. However, I realize that before reading the book I was very much stuck in a pixel mindset. This panel needs to be 256 pixels wide, that button needs to be 32 pixels tall, that kind of thing.
So now I want to create a truly responsive website, to but the theory into practice. To think of the design in terms of percentages, not pixels, and to think of how that site will be interacted with on multiple device types. I have also been inspired a lot by Luke Wroblewski’s ideas about designing for mobile first, so in creating my responsive website I want to put some of those concepts into practice as well. As luck would have it, a friend of mine recently linked a wonderful little tool for testing out webpages and multiple devices: http://www.responsinator.com/
So, what website will I be designing, you might ask? Why, my own, of course! Right now my personal website is not very aesthetically pleasing or responsive, as can be seen from responsinator:
I plan on documenting my responsive re-design here, so look for more related posts in the future!