In a 2010 Blog Post, Ethan Marcotte first coined the term “Responsive Web Design”. He introduced the idea that CSS Media Queries can be used to let the same HMTL Content appear differently on different screen sizes. Thereby, there is no need to create a mobile, a “desktop web” and tablet version of a website any more.
End of 2012. We carry smartphones, tablets and laptops with us. Our TV at home is connected to the internet or we have a little set-top box that is. Manny of us feel the pain. Should we really assign a mobile web dev team with the task to create our mobile site? What if there is a new device, with a slightly different form factor that we need to support one year down the road? Is the typical way of web development still effective, maybe even doable with all these new screens around us?
Responsive Web Design tries to solve this issue by using CSS3 Media Queries. The promise is ONE set of web pages, that work well across modern browsers and screen sizes. If you opt for a responsive design, you let go the “pixel perfect” ambitions of the past, instead you accept differences in the UI for a dramatically decreased development effort.
One of the most prominent responsive frameworks out there is Twitter Bootstrap. Have a look, check the examples, resize your browser. Let us know what you think. Does pixel-perfect web design still matter to you in the post PC-era?