How important is responsive web design?
Sometimes, in the mornings, I lie in bed and read tweets on my Twitter app. I bought my first smartphone this year; my old, simple phone of three years officially died, so I figured I might as well splurge and get a smartphone. On my old phone, I viewed the web in simplified form even though I had Opera mobile. Nowadays, I view the web in its full form. I usually only view the web when said sites are tweeted. I never understood why so many people were into this new fad, as I previously called it, known as “responsive design” until I owned and viewed blogs on a smartphone.
What is responsive design?
I couldn’t figure out how to word it myself, so I reached out to my friends on Twitter.
“The practice of designing websites to optimise viewing on a range of screen widths.” — Georgie
“A format that zooms in/out to a readable viewing depending on screen size so it’s compatible on all devices.” — Desiree
You can view it in action by resizing your window whilst on this blog.
Why use it?
If you share your new posts (or any post) via social media, chances are those visitors will be using a tablet, smartphone or another device your theme doesn’t necessarily fit. Your blogs will be much more convenient to view when you responsify them!
Otherwise, imagine viewing your blog on a tiny screen. Is it easy to navigate?
How do I learn more?
I’m not a pro at it, so I can’t exactly give any tutorials yet. I only learned how to make responsive columns on my blogroll page after a few days of wanting to pull out my hair in frustration.
I did, however, find some helpful sites on it:
- Responsify.it — Generate a responsive template, then edit to your liking.
- Responsive Web CSS — This generator is a little more detailed and specific.
- Smashing Magazine also has a list of tutorials.