November 01, 2012

Getting Started with Responsive Web Design


Unless you’ve been living under the proverbial rock for the past few months, you likely have heard the term “responsive design.” Probably the biggest thing to happen to web design since floated divs replaced nested tables, responsive design solves the problem caused by the presence of so many mobile devices with varying screen sizes. Traditionally you would have dealt with this problem by detecting the phone or tablet used by those accessing your site and redirecting them to a dedicated mobile version of your site. But that approach turns out to be a total waste of effort, since it ends up being really hard to maintain two or more separate instances of your site.

Responsive design is an emerging best practice that takes a new approach to designing websites that automatically adapt to look and work great across mobile devices. By making the design of your site fluid, and having content and other elements expand, contract, or otherwise rearrange themselves, you can effortlessly serve a better mobile experience. Responsive design is based on simple technologies you’re already familiar with: HTML, CSS, and maybe even some JavaScript. It primarily harnesses CSS media queries whereby you can specify different stylesheets whenever the browser viewport reaches a certain width.

In this link , you will find a compilation of great resources (examples, tutorials, tools, frameworks, and best practices) to help you get started with responsive web design. 
Powered by IT and Careez - Blog