Lately, I’ve been reading up on CSS and responsive web design:
Reading only gets you so far though. I learn best by doing. So when I read a recent blog post, Why I moved to Miami & you should too, by a Miami web developer, Auston Bunsen, challenging his readers to win a free RubyConf ticket by doing “something awesome” I thought maybe I should play with a CSS redesign of his blog. Granted, I’m pretty sure he meant something awesome with Ruby. Unfortunately, as a Ruby noob, that’s not going to happen. So this is a just-for-fun self-assignment. (Don’t get me wrong, I would love, love, love to go to RubyConf in Miami, but even if I was a Ruby guru already, I really suck at contests. So why not just use this as an excuse to teach myself something cool?)
Anyway, I’m guessing Mr. Bunsen designed his blog to be read on mobile devices. His CSS has his content looking its best when viewed on a screen 320 – 500px wide, basically iPhone size. But what if you wanted to optimize for both mobile and desktop? With CSS, you can do both.