Bulletproof Web Design - Dan Cederholm
Webbureaus onderscheidden doorgaans diverse specialismen zoals visual design, programmeren, projectmanagement en databasebeheer. HTML hoorde daar tot voor kort zeker niet bij, want dat kon iedereen. Inmiddels begint de jarenlange propaganda van The Web Standards Project zijn vruchten af te werpen en wordt de basis van het world wide web serieuzer genomen. Een van de artikelen die de doorbraak forceerde is Separating Behavior and Presentation van Peter-Paul Koch. Hij propageerde het idee om de front-end technieken van een website – HTML, CSS en JavaScript – gescheiden te organiseren in een tijd dat HTML en structuur nog vreemden van elkaar waren.
Om tot toegankelijke en onderhoudbare code te komen wordt nu meer kennis gevraagd van de front-end programmeur. Niks schokkends, want die kennis is ruimschoots voorhanden. Bij mij deed Jeffrey Zeldmans Designing with web standards uit 2003 het licht schijnen. Een zeer goed boek, maar op sommige punten al wat gedateerd. Voor diegenen die de webstandaarden al omarmd hebben, maar graag robuustere code willen schrijven is het onlangs verschenen Dan Cederholms Bulletproof Web Design een absolute aanrader!
Dit boek neemt (semantische) HTML en CSS als uitgangspunt (JavaScript doet even niet mee). In negen hoofdstukken worden belangrijke onderdelen van modern webdesign doorgelicht:
- Schaalbare tekst
- Schaalbare tabs
- Schaalbare balken
- Floats
- Flexibele boxen
- Wat te doen als er geen CSS of images aanwezig zijn
- Toegankelijke datatabellen
- Fluid layouts
Op het eerste gezicht lijkt het vooral te gaan om toegankelijke websites. Maar Cederholm toont aan dat toegankelijkheid hand in hand gaat met robuuste, onderhoudbare code die op diverse fronten goed presteert. De technieken die hij bespreekt zouden zonder uitzondering tot het standaardarsenaal van de moderne HTML’er moeten behoren. Toepassen van webstandaarden blijkt positieve invloed te hebben op onder andere browsercompatabiliteit en zoekmachinemarketing en zorgt ervoor dat ook andere devices dan webbrowsers de pagina goed kunnen zien. Dat visual design en toegankelijkheid goed samen kunnen gaan bewijst Cederholms eigen site Simplebits.
In Bulletproof Web Design vertelt Cederholm consequent in elk hoofdstuk eerst hoe “we” het vroeger deden, legt uit waarom die aanpak niet goed (genoeg) is, om daarna te laten zien hoe het ook kan. In sommige hoofdstukken (zoals over floats of flexibele boxen) hanteert hij helaas randvoorwaarden als maximale hoogtes of breedtes. In het hoofdstuk over fluid layouts compenseert hij dit ruimschoots door met simpele, effectieve code aan te tonen dat moderne websites helemaal niet aan een vaste breedte gebonden zijn.
In het laatste hoofdstuk van het boek combineert Cederholm alle behandelde technieken bij het bouwen van een nieuwe site. Deze demosite ziet er qua vormgeving weliswaar niet zo spectaculair uit en de technieken zullen meestal niet een-op-een toe te passen zijn op echte websites, maar ze vormen wel een zeer stevig uitgangspunt.
Tot slot het boek zelf. Het is uitgegeven door de New Riders en dus grafisch zeer mooi en lezersvriendelijk vormgegeven. Alleen daarom al een genot om te lezen!
Tags: bullet proof webdesign, dan cederholm, recensie