Hidde de Vries - marissaverdonck/weekly-nerd-1920 GitHub Wiki

Geweldig Grafisch Ontwerp

Inleiding

13 februari 2020 - Hidde de Vries is en front-end ontwikkelaar en werkt voor W3C. W3C is een organisatie die de webstandaarden voor het wereldwijde web ontwerpt, zoals HTML en CSS. Hidde bedenkt en ontwikkelt nieuwe web technieken. Zo heeft hij zich bezig gehouden met grid. Het is een uitdagende klus omdat de technieken beschikbaar moeten zijn voor meerdere browsers.

Modernisme

Het huidige web haalt zijn inspiratie uit het modernisme waar functie boven vorm staat. Veel websites lijken dan ook op elkaar. Het is jammer dat we ons beperken in de schoonheid van een website, er kan zo veel meer met het web! Als we ons hier meer op zouden richten, zouden gebruikers zich sneller betrokken voelen bij de website.

Je ziet dit bijvoorbeeld ook bij logo's. Veel bedrijven gebruikte vroeger sierlijke letters, nu zijn het vaak simpele letters geworden. Jan Tschichold schreef het boek: De neue typografie. Door effectief gebruik te maken van verschillende letterzwaartes en - groottes kon informatie snel en gemakkelijk overgebracht worden.

Grid

Josef Muller schreef een boek over grid. Het is functioneel, logisch en ziet er mooi uit. Je kan kolommen vullen of leeg laten.

Vroeger moest er berekend worden met JS waar de text begint. Nu kan dat met grid in CSS. Je kan verhoudingen gebruiken zoals 1fr, 50%, vh en vw. Z-index kan ingezet worden om elementen te laten overlappen.

Niet alle browsers ondersteunen nog grid. Je kan dan display: flex gebruiken. @supports is een fallback waar je dit kan instellen.