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.