Weekly Nerds
PRE-CSS DAY – Experimenteren met structuur
Nils Binder
Nils liet zien hoe je meer kunt experimenteren met lay-outs. Hij pleit voor asymmetrische grids, vertical centering met meer witruimte onder dan boven, en creatieve combinaties van display: grid
en display: flex
.
- Grid-template-rows: 4fr auto 5fr
- Pseudo-elements:
&:before
en&:after
gebruiken als ruimteverdelers - Gebruik whitespace en grids zoals je typografie gebruikt – als expressieve vorm
- Gebruik niet altijd de veilige layout die Figma of AI je aanreikt
Zijn boodschap: ontwerp je layout net zoals je in graphic design zou doen – met lef.
Jouw takeaway
Ik moet gewoon mijn site maken zoals ik wil – met alle accessibility settings aan boord. Dan kunnen gebruikers zelf aanpassen wat ze nodig hebben. Personalisatie via settings zoals rem-units en kleurenschema’s is de toekomst.
HTML to the max is een tof voorstel om te lezen.
Carmen (IO)
Carmen had het over het belang van UI in motion. Ze benadrukte dat simpele effecten zoals transform: scale(1.2)
lui aanvoelen. Gebruik in plaats daarvan variabele fonts en creatieve typografie om beweging interessanter te maken.
Vadim Makeev
Vadim sprak over MathML – een specificatie om wiskunde toegankelijk en semantisch correct op het web te tonen. Niet sexy, wel belangrijk. 🤓
Pim van IO Digital
Pim benadrukte dat creatief coderen geen regels kent. Gewoon maken, gewoon doen. Zijn favoriet? De Canvas API
.
Hij liet een spray paint effect zien met canvas drawing. Zijn visie: je hoeft niet alles te begrijpen, als je maar weet hoe je het kunt inzetten.