RWD – Links

Responsive Web Design
Materiały do nauki:

http://css-tricks.com

http://teamtreehouse.com

http://www.alistapart.com/articles/responsive-web-design/
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/#more-75660
http://designwoop.com/2012/03/15-detailed-responsive-web-design-tutorials/
http://www.w3.org/TR/css3-mediaqueries/#device-width
http://googlewebmastercentral.blogspot.com/2012/04/responsive-design-harnessing-power-of.html
http://mediaqueri.es/
http://www.stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries/
https://gist.github.com/3768460
Scaffolding – bootstrap is built on responsive 12-column grids, layouts, and components.

http://twitter.github.com/bootstrap/scaffolding.html#responsive

Mobile First

http://www.lukew.com/ff/entry.asp?933

Respond – a fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)

https://github.com/scottjehl/Respond

320 and Up – the ‘tiny screen first’ responsive boilerplate

http://stuffandnonsense.co.uk/projects/320andup/

20 najlepszych projektów responsive 2012
http://socialdriver.com/2012/07/20-best-responsive-websites/
http://magazine.acreno.pl/rewolucyjny-responsive-webdesign/
https://developers.google.com/webmasters/smartphone-sites/feature-phones
https://developers.google.com/webmasters/smartphone-sites/details
https://developers.google.com/webmasters/smartphone-sites/redirects
http://mobile.smashingmagazine.com/2010/11/03/how-to-build-a-mobile-website/
http://magazine.acreno.pl/rewolucyjny-responsive-webdesign/

Fluid grid
http://www.alistapart.com/articles/fluidgrids/

Different background image depending on screen resolution?

@media (min-width:800px) { background-image: url(bg-800.jpg) }
@media (min-width:1024px) { background-image: url(bg-1024.jpg) }
@media (min-width:1280px) { background-image: url(bg-1280.jpg) }

Płynna zmiana rozmiaru zdjęć

http://unstoppablerobotninja.com/entry/fluid-images

Media Screen Resolution / Devices
http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
http://nmsdvid.com/snippets/