A Blog Not Limited

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.