CSS day - Trisjan/Freago GitHub Wiki

CSS Day

image

Ik heb de tweede dag van het CSS day evenement op school bijgewoond. We hebben samen de livestream gekeken en nog een stuk van dag 1 teruggekeken. Het geluid was jammergenoeg een beetje moeilijk te horen doordat de speakers aan de achterkant van het scherm zaten 😅.

Sara Soueidan

Ik begon met kijken tijdens de talk van Sara Soueidan. Ze ging heel diep in op accessibility en gaf hele sterke voorbeelden. Wat ik zo goed vind aan haar voorbeelden is dat ze veel voorbeelden versterkte door een screenreader te gebruiken. Op deze manier bewees ze aan het publiek dat bepaalde accessible oplossingen beter zijn dan andere.

image

Ook vertelde dat CSS-only widgets vaak inaccessible kunnen zijn en dat JS vermijden in sommige gevallen dus nadelig kan zijn. Wat ze er wel bij verteld is dat de nieuwe Popover-API dit probleem in sommige gevallen (deels) op kan lossen.

Julia Miocene

We hebben ook teruggekeken naar de vorige dag. Koop vertelde ons dat de talk van Julia, die ook bij ons op school langs is geweest, erg interessant was. Ze had het weer over haar animatieprojecten, maar deze keer ook wat meer over 3D-effecten. Het blijft altijd inspirerend om haar werk te zien.

Tab Atkins-Bittner

Er werd verteld over de CSS-functie 'anchor positioning' die er aan zit te komen. Ik vind het nog best lastig om de werking hiervan goed te begrijpen, maar gelukkig heb ik nog tijd voordat het echt uitkomt. Wanneer ik deze link bekijk, denk ik dat het super goed samen gaat werken met ::before en ::after. Door anchoring zou je goed kunnen bepalen waar je de pseudo elementen kan plaatsen rondom hun parent-element. (https://blog.logrocket.com/use-css-anchor-positioning/)