Best Responsive Design Articles

| |


There's a wealth of great articles and tutorials out there for anyone wishing to learn more about responsive design. Here we have chosen some best


Responsive Web Design 

www.alistapart.com/articles/responsive-web-design


The article by Ethan Marcotte for A List Apart that started it all. ''Fluid grids, flexible images, and media queries are the three technical ingredients for responsive web design," he writes. "But it also requires a different way of thinking. Rather than quarantining our content into disparate, device-specific experiences, we can use media queries to progressively enhance our work within different viewing contexts."

5 really useful responsive web design patterns 

http://designshack.net/articles/css/5-really-useful-responsive-web-design-patterns/

Some interesting responsive design patterns that are being implemented by talented designers all over the web.

CSS Regions 

Adobe's proposal seeks to enable magazine-style layouts to be created on the web.

Find out more at:

http://dev.w3.org/csswg/css3-regions/
http://www.broken-links.com/2011/11/07/introducing-css-regions/
http://experiments.hertzen.com/css-regions/

Responsive questions 


http://adactio.com/journal/5351/

A great post qn Je.r. emy Keith's Adactio blog. "We've always had the ability to create fluid layouts,'' writes Keith. "And yet web designers and developers have wilfully ignored that fact, choosing instead to create un-webby fixed-width layouts ... It was never specifically about mobile devices or users in a mobile context; it was always about adapting layout to varying viewport sizes."

The future of CSS layouts

 http://www.netmagazine.com/features/future-css-layouts

Peter Gaston's article for the .net website takes a detailed look at the different options for creating rich, dynamic pages.

Why we shouldn't make separate mobile websites

http://mobile.smashingmagazine.com/2012/04/19/why-we-shouldnt-make-separate-mobile-websites/

 "The reasons many full websites are unusable on mobile devices are because many full websites are unusable on any device.," says Bruce Lawson in this article for Smashing Magazine. In other words, if it's designed well enough in the first place and built correctly then it should seale down gracefully and effectively.

Responsive layouts using CSS Media Queries 


http://kyleschaeffer.com/best-practices/responsive-layouts-using-css-media-queries/

A great blog post from Kyle Schaeffer explaining the basics of responsive web design layouts.

Ethan Marcotte answers your responsive web design questions 

http://www.netmagazine.com/interviews/ethan-marcotte-answers-your-responsive-web-design-questions

The guru of responsive web design asks questions posed by readers of .net magazine.