A Blog Not Limited

to web design, standards & semantics

Building a Flexible Foundation for ee-podcast.com

Mar 28, 2012

Published in

Script Junkie

Script Junkie, the tutorial site I've been writing for since 2010, has been fairly quiet lately. That's because they've been making a move to MSDN Magazine.

Now the move is (mostly) complete (aside from a few URL redirects they are still addressing), and tutorials should return to a regular publishing schedule. I've seen some of the topics lined up, and they are not to be missed!

Speaking of not to be missed, I wrote an article for Script Junkie in the midst of their move and it's finally live! Flexibility: A Foundation for Responsive Design covers the process I followed for creating a flexible layout for the EE Podcast site.

Setting the Stage for Responsive Design

Like many web designers/developers, I'm interested in the responsive design trend. When I first heard of it, I thought it was primarily about media queries. In fact, I gave media queries a try on my freelance site. But, as I wrote about the experience, I didn't quite reach my goal of a truly responsive site. And what I did accomplish was far from efficient.

After reading Ethan Marcotte's Responsive Web Design and hearing him speak about the process, I had my lightbulb moment. Responsive design isn't just about media queries. It also involves having a flexible layout (among many other aspects).

So, when it came time to develop the new EE Podcast site last June, I decided I wanted to build the layout with flexible methods. Flexibility: A Foundation for Responsive Design details my process, which included not only making my structure (widths, padding, margins) flexible, but also my fonts.

If you listen to the EE Podcast, you may have already heard me talking about this process in episode 52. If you haven't, I recommend listening to it and then follow up with my Script Junkie article to get a more concrete perspective.

Go read it!

P.S. As I mentioned, the MSDN Magazine is still working on Script Junkie URL redirects. In my article, I reference a previous SJ article and the URL is (currently) broken. Here's the correct link: Respond to Different Devices With CSS3 Media Queries.

HTML5 Cookbook

Interested in HTML5?
Get the Cookbook!

I was a contributing author for HTML5 Cookbook, available for sale on Amazon! Get yours now! (I hear chapters 1, 4 and 5 are particularly good.)

P.S. Don't forget my book Microformats Made Simple is still for sale!


Share the Love

Commenting is not available in this channel entry.

The Coolest Person I Know

Emily Lewis

Yeah, that would be me: .

I'm a freelance web designer of the standardista variety, which means I get excited about things like valid POSH, microformats and accessibility. I ply my trade from my one-person design studio in Albuquerque, New Mexico 87106 USA.

A Blog Not Limited is my personal blog where I pontificate about web design, web standards, semantics and whatever else strikes my fancy. Head on over to Emily Lewis Design if you'd like to see my work or, even better, hire me.


I Tweet, Therefore I Am

Follow @emilylewis on Twitter!