CSS Day 2022: Avantgardistische stijlen
Na twee jaar zonder fysieke edities was er op 9 en 10 juni eindelijk weer een CSS Day! En deze keer met zo veel sprekers dat deze “Day” twee dagen in beslag nam. Drie front-end developers van Level Level, Willemijn, Kevin en Florian, reisden naar de Zuiderkerk in Amsterdam.

Er was één track, deelnemers met voldoende concentratie en zitvlees konden dus alle talks volgen. De thema’s die aan bod kwamen kunnen onderverdeeld worden in
- tech talks: nieuwe CSS features, browser-technologie
- de creatieve, experimentele inzet van CSS (bijvoorbeeld schilderen met CSS)
- rakelings gerelateerde onderwerpen (design, typografie, work/life balance)
Sprekers
Het viel ons op dat er dit jaar veel Googlers als sprekers uitgenodigd waren. Vooral developers die aan Chrome werken en zo direct verantwoordelijk zijn voor de foutloze presentatie van de websites die wij bouwen. Fijn om te beseffen dat Chrome (en de andere browsers) door echte mensen gemaakt worden. En dat deze mensen op Twitter vind- en aanspreekbaar zijn als er een keer iets niet goed werkt of als er input nodig is.
Technische highlights
Indien features niet in alle grote browsers ondersteund worden gaan wij frontend-developers ze meestal niet inzetten. De talk van Rachel Andrew ging over het “interop” initiatief: de grote browser-makers (Apple, Google en Mozilla) kiezen elk jaar een handjevol features die nog niet voldoende breed ondersteund worden. Vervolgens worden deze in alle grote browsers geïmplementeerd. En dan kunnen developers mooiere, efficiëntere klantprojecten opleveren.
Bijvoorbeeld komen er nieuwe mogelijkheden aan wat betreft scroll-gedrag. De talk van Adam Argyle ging hier dieper op in. In het kort: Interacties zoals een slideshow kan je binnenkort geheel zonder javascript met alleen CSS realiseren. Minder code betekent: makkelijker te onderhouden en betere performance. Voor onze developers en gebruikers voelbare voordelen!
Grid en Subgrid
Michelle Barker had het over CSS layouts met Grid en Subgrid. Subgrid is een van de features die dankzij interop2022 breed ondersteund gaan worden. Hiermee kunnen zeer complexe lay outs gemakkelijk gerealiseerd worden. Grid wordt inmiddels breed ondersteund, wij gaan dit sowieso vanaf nu in onze projecten gebruiken.
Subgrid kunnen we nu ook al gebruiken ondanks dat het tegenwoordig alleen in Firefox ondersteund wordt. Michelle noemde dit “intrinsic webdesign”: Andere browsers geven het iets minder mooi, maar nog steeds volledig leesbaar, weer. Deze flexibiliteit is een kracht van dit medium, geen zwaktebod.

Ook fluid typography kwam bij Michelle’s talk aan bod, dit kunnen we nu al inzetten. In plaats van één lettergrootte voor mobiel, één voor tablet en één voor desktop gaan we dan een gamma definiëren waartussen de lettergrootte naadloos kan groeien en krimpen. Zo ziet de gebruiker altijd een lettergrootte die in goede verhouding staat tot de grootte van het scherm.
Een humanistisch web
Maike Klip werkt voor de Nederlandse overheid en heeft mede de CoronaMelder app ontwikkeld. Zij sprak over het belang van empathie in een digitale samenleving. Met haar project De Begripvolle Ambtenaar doet ze een poging om de denkprocessen van sommige individuen die bij DUO werken inzichtelijk te maken. DUO wordt door haar klanten vaak als onoverwinbaar bolwerk gezien. Hoe kunnen de ambtenaren dichter bij hun klanten komen? Welke rol kunnen developers hierin spelen?
Interessant vraagstuk! Level Level zorgt er in ieder geval voor dat de websites die we bouwen toegankelijk zijn volgens WCAG-richtlijnen. En met ons e-learning platform A11Y-Collective zorgen we ervoor dat andere developers dat ook kunnen doen. Zo dragen we ons steentje bij aan een humanistisch web.
Een geslaagd uitje
CSS Day heeft op allerlei vlakken onze horizon verbreed. In dit artikel wordt maar het puntje van de ijsberg van nieuwe technische mogelijkheden genoemd. Alle talks waren de moeite waard: goede, ervaren sprekers met professionele presentaties. Veel sprekers waren tijdens de gehele conferentie aanwezig en aanspreekbaar.
Vol van inspiratie keren we terug aan onze werkplaats om, uitgerust met nieuwe kennis van de laatste technologieën, moderne web-interfaces voor onze klanten te realiseren.