Responsive webdesign

Marcotte vraagt je om verder te kijken dan de computer waarop je zelf werkt. Het aantal apparaten, platforms en browsers waarmee een website rekening moet houden, groeit voortdurend. Een vast ontwerp voor één schermbreedte volstaat daarom niet langer.

In plaats van voor elk apparaat een aparte versie te bouwen, kiest hij voor één ontwerp dat zich aanpast. Dat klinkt eenvoudig. Toch vraagt het om een andere manier van denken over lay-out, verhoudingen en beeld.

De kern van het boek draait om drie technieken uit CSS. Flexibele rasters zorgen ervoor dat kolommen meeschalen in plaats van vast te staan op een aantal pixels. Flexibele afbeeldingen groeien en krimpen mee binnen die rasters, zodat ze nooit buiten hun kader vallen.

Mediaquery's vormen het derde onderdeel. Daarmee stem je het ontwerp af op de eigenschappen van het scherm, zoals de breedte. Marcotte behandelt deze technieken niet los van elkaar. Hij laat zien hoe ze samen een ontwerp opleveren dat op elk formaat overeind blijft, en koppelt de techniek steeds aan heldere designprincipes.

In de vakwereld wordt dit boek genoemd in hetzelfde rijtje als Webdesign met webstandaarden van Jeffrey Zeldman: titels die de manier van werken blijvend hebben bijgestuurd. Ook Jeffrey Veen, oprichter van Typekit, ziet in de aanpak van Marcotte een ommekeer in hoe we websites bouwen.

Wat het boek prettig maakt, is de toon. Het wordt omschreven als inzichtelijk en grappig, en dat zie je terug in de uitleg. Je hoeft je niet door droge naslagstof te worstelen om de principes te doorgronden.

Webdesigners en front-end developers die met CSS werken, halen er direct bruikbare technieken uit. Ook marketeers en ondernemers die verantwoordelijk zijn voor een website, krijgen inzicht in waarom mobiele bezoekers evenveel aandacht verdienen als desktopgebruikers. Wie wil begrijpen waarom moderne websites zich aanpassen aan elk scherm, vindt hier de basis.