Speakin' OutHere I share my thoughts, tutorials, freebies
&
inspiration to the design community.

My Site is Now Responsive

Responsive Web DesignI guess I’ve again been itching to redesign my site, but due to the several million other things that I still need to do, I guess I’ll probably just save that for next year. Instead, the geek in me decided to fiddle with my codes and make my site responsive. Mid last year, A List Apart and Ethan Marcotte released an article on Responsive Web Design so I’m kinda late to the party! To anyone who isn’t familiar with it, it is an approach in which you create a layout for your site that “responds” to the width of the device you’re using. That means you no longer need create a separate mobile version of your site that needs to adapt to the screens of the many different mobile devices out there. How cool is that? As Jeffrey Zeldman said it himself, Responsive is the new black. But really, it’s not just a fad or some kind of buzz word. It is, I believe, one of the many things a Web Designer must have in their toolbox.

Responsive Web Design

Thanks to Teehan+Lax for the iPad and iPhone mockup templates!

Comments

WebDesignFan

Great job, Jan! I hope you post a tutorial on how you made this responsive :)

Andrei Fritz

Hey Jan, just wanna say that you `ve always been an inspiration to me. i want to be a really good designer like you! Regards, andrei

javier lo

nice site..! keep up the good work!

soulmenj

wow!! please post the process of how you made this website to a responsive one… indeed! great job! Jan

Andrea Ballerino

Cool, nice site and good job :-)

toby

You should look at optimising super-dawghouse.png, it is 245K and took my browser 7 seconds to fully load. Everything else loaded pretty quickly tho.

Say Something!