On Responsive Design: A Idea has Legs
Okay, I’m one of the first to admit that I like tables. I do not like CSS. The reason for same is that at my age the old adage about “old dog and new tricks” may have some bearing but for the most part, I believe that when you find something that works perfectly, you use it. In other words, if it ain’t broke, don’t fix it. Hence, my reliance on tables for site page layouts and CSS only for formatting fo fonts etc…. A few years back I was hired to be a part of the team that did the canada.com website re-design and development – a set of tasks that I totally hated due to the HUGE CSS dependencies!
That said, I’m wrong! Or at least, I’m admitting that CSS may have a place in my new site layouts and designs and that comes from it’s ability to react to the “responsive design” principles….which I define here from Wikipedia -
“Responsive web design (RWD) is a web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones”
As you can tell by this simple definition, it appears that folks smarter than I have determined that there is only ONE WEB – but MANY DEVICES….hence the need for web developers and designers to use responsive design to allow all users no matter the device, to see the site in it’s optimal form.
That said….good gosh is there a ton to learn and get caught up on….so if you too are maybe thinking that yup, it’s time to learn something new…here’s some great spots to get the basics and even some URLs where you can test and practice same….
Ethan Marcotte has a great book out here, enttiled “Responsive Web Design” that outlines both how to think beyond the desktop and craft beautiful designs that anticipate and respond to your users’ needs but also explore CSS techniques and design principles, including fluid grids, flexible images, and media queries, demonstrating how you can deliver a quality experience to your users no matter how large (or small) their display…” – definitely a great starting point!
Smashing Magazine is a well known top site that offers up some of the best articles and tutorials etc on various web items – and their coverage here is an aggragate of various pieces all on responsive design – again, a top notch site to glean info from for sure!
Over at A List Apart where they explore the design, development, and meaning of web content, with a special focus on web standards and best practices lies a page that again curates various books/posts/articles on responsive design and that’s such a great list that I’m only partially thru same, eh!
WebDesigner Depot is not to be left behind here and the folks here have published a very recent list of tools etc that anyone interested in learning more about responsive design should surely click on to learn more….what a great list here, eh!
LukeW’s look into responsive design, device experiences and RESS with regards to needs and usage of same is also a great short piece to read to learn more about some of the choices one needs to be able to make to fully understand what needs are for our clients….and dont’ forget to scroll to the bottom of that page to see further info too! Oh and some great responsive design stats are here too!
When you’re ready to test too, try this URL for just that too!
And lasty, the 2nd Annual Online Live Responsive Web Design Conference, has pages full of notes on presis and such on the complete Conference…what a great trove of information here for us all…do give it a click as it’s well worth same!