RWD – Links

Responsive Web Design
Materiały do nauki:
Scaffolding – bootstrap is built on responsive 12-column grids, layouts, and components.

Mobile First

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

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

20 najlepszych projektów responsive 2012

Fluid grid

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ęć

Media Screen Resolution / Devices