Weekly Nerds

In deze minor kregen wij van tevoren te horen dat wij elke week een gastspreker zouden ontvangen die ons iets zou gaan vertellen over hun expertise. Elke week iemand anders en elke week een ander onderwerp. Omdat ik verder nog niet erg thuis ben in deze wereld ben ik erg benieuwd wat mij allemaal verteld gaat worden.

Sprekers

Weekly Nerd #1 – Kilian Valkhof

Stop Using JS for That

Dit was de eerste Weekly Nerd die wij hebben gekregen. Het was de eerste week, dus het was spannend om te zien hoe deze colleges eruit zouden zien. Kilian trapte af met zijn presentatie "Stop using JS for that", waarin hij vertelde over de "Rule of Least Power". Wanneer je iets simpeler kunt oplossen met bijvoorbeeld CSS in plaats van JavaScript, moet je dat volgens hem ook altijd doen. Dat sprak mij erg aan omdat ik nog weinig ervaring met JavaScript heb en het soms spannend vind. CSS voelt voor mij vertrouwder.

Hij gaf voorbeelden zoals het stylen van checkboxes met appearance: none. Ook sprak hij over elementen zoals :focus-visible om visueel te reageren op toetsenbordnavigatie. input type="color" werd genoemd als eenvoudige manier om een kleurkiezer toe te voegen.

Verder vertelde hij over page transitions, accessibility features zoals prefers-reduced-motion, en het gebruik van scroll-margin-top om headers goed te laten functioneren. Hij introduceerde ook de <details> en <summary> elementen, het stylen van :marker, en features zoals :has() en field-sizing: content. Tot slot besprak hij hoe HSL en het P3-kleurprofiel voor helderdere kleuren zorgen. Kortom: gebruik JavaScript alleen als het echt nodig is.



💬 Reflectie

Ik vond dit een erg fijne spreker om naar te luisteren. Het onderwerp was interessant en direct toepasbaar in de praktijk. Doordat hij veel concrete voorbeelden gaf, werd het verhaal duidelijk en inspirerend. Voor een eerste spreker was dit een goed begin.

Weekly Nerd #2 – Peter Paul Koch

Why Should the Web Be Free?

Voor onze tweede Weekly Nerd kwam Peter Paul Koch vertellen over een project waar hij mee bezig is: een nieuwe manier waarop wij als gebruikers zouden kunnen gaan betalen voor het web. Niet veel, maar symbolisch – zodat we leren dat informatie ook waarde heeft. Volgens hem moet dit langzaam worden aangeleerd.

Hij stelde vragen zoals: "Waarom is het web eigenlijk gratis?" en gaf voorbeelden van hoe een betalingssysteem eruit zou kunnen zien. Zo zou er bijvoorbeeld een extensie in je browser kunnen komen waar je maandelijks geld op zet. Dit komt in een digitale wallet, en afhankelijk van hoelang je op een website bent, wordt er automatisch afgerekend. Een alternatief idee was dat je achteraf zelf bepaalt hoeveel je wilt betalen voor het gebruik van een site.

💸 Streaming vs. Post-paid modellen

Hij vroeg zich af waarom we dit soort modellen zouden implementeren, terwijl het huidige web ‘gratis’ goed werkt. Het antwoord: dit zou onafhankelijke contentcreatie stimuleren. Niet alleen maar content die grote bedrijven goedkeuren, maar verhalen van echte mensen — voor echte mensen.

💬 Reflectie

Wat vond ik van dit verhaal? Hoe hij het vertelde vond ik het erg interessant. Het is iets waar hij en nog een groep al langere tijd mee bezig zijn en dus veel over na hebben gedacht. Het idee begrijp ik, dat we tegenwoordig gewend zijn om veel te makkelijk dingen te kunnen vinden en eigenlijk overal toegang tot hebben. Ik snap ook dat hij zegt dat mensen zo misschien meer vrijheid voelen om te doen wat zij zelf willen en hier dan ook toe beloond kunnen worden.

Ik denk alleen dat dit in de praktijk nooit zo zou werken. Hij is iemand die zelf ook werkt aan het web en weet hoe het in elkaar zit en wat je hiervoor moet doen. Hoewel ik denk dat de meeste normale mensen hier geen inzicht in hebben en niet snel zouden willen meewerken om voor iets te betalen wat ze normaal gesproken niet hadden hoeven doen. Toch vond ik het erg interessant om te horen hoe iemand een verhaal vertelt over een groot project waar al zoveel geld, tijd en aandacht in zit en waar iemand zo veel passie voor heeft. Er zit veel gedachte achter, echter weet ik niet of iedereen dit zal zien.

Weekly Nerd #3 Roel Nieskes

Typografie

Voor deze derde spreker heeft Roel iets verteld over typografie, wat natuurlijk erg handig is voor ons om te weten. Hij heeft verteld over hyphenation, het afronden van woorden wanneer de zin te lang is. Kerning, waar je iets zegt over de ruimte tussen letters. Vervolgens vertelde hij over forms, waar je een input en een output hebt. Ook heb je bij forms een fieldset, welke een groep van velden aangeeft. Hij vertelde ook over het gebruik van de `name` attribute bij formulieren. Wanneer meerdere inputs dezelfde `name` hebben, worden ze gegroepeerd en horen ze bij elkaar. Dit is handig bij bijvoorbeeld radiobuttons of checkboxes. Daarnaast legde hij uit wat het `disabled` attribute doet. Dit attribuut zorgt ervoor dat een input niet bewerkbaar is door de gebruiker. Een voorbeeld hiervan is:

Voorbeeld van een disabled input
bij een fieldset hoort ook een legend die een beschrijving geeft van de groep velden. Dit helpt bij de toegankelijkheid en maakt het duidelijker waar de velden over gaan. Een voorbeeld hiervan is:
Persoonlijke informatie
Daarna vertelde hij nog over inputs en input types, zoals field-sizing en option:optgroup, waarin je elementen groepeert binnenin een select element

Over deze weekly nerd , ik vond het een erg interessante spreker, hij vertelde veel over typografie en hoe dit in elkaar zit. Juist omdat je denkt dat typografie zo simpel is maar je kan er veel meer mee dan ik in eerste instantie dacht. Hij vertelde veel over de verschillende elementen die je kan gebruiken en die ik zeker zal gaan onthouden voor de komende weken.

Weekly Nerd #4 Cassie Evans

De volgende week kregen wij een lecture van Cassie Evans, zij werkt bij GSAP en ging ons vertellen over wat we hier allemaal mee kunnen. Ik had nog nooit gehoord van de mogelijkheden die GSAP biedt voor animaties en hoe het ons kan helpen om onze webprojecten te verbeteren. Dus ik was erg benieuwd naar wat zij ons zou gaan vertellen. Ze vertelde dat GSAP een JavaScript-bibliotheek is die ons helpt om animaties te maken op het web. Ze vertelde wat dingen van GSAP, die ik soms niet helemaal begreep omdat ik hier nog nooit van had gehoord en het allemaal nieuw was. Ze vertelde over tweens, quicksetter en quickto en gsap utils maar niet zo goed wat deze dingen nou zijn of hoe je dit makkelijk kan leren te gebruiken.

Wat ik merkte van deze Weekly Nerd was eigenlijk toch dat het meer leek op een reclame voor GSAP, het is een tool waarmee je animaties kan maken met behulp van Javascript. En ze liet ook vooral zien wat je ermee kan doen, maar niet hoe je dit moet doen. Het is een tool die je kan gebruiken om animaties te maken, maar ik had het idee dat ze ons vooral wilde laten zien hoe goed GSAP is en wat je ermee kan doen. Het was leuk om te zien hoeveel coole dingen er wel niet mogelijk zijn maar ik zou het nog niet kunnen gebruiken als ik dat nu zou willen.

Weekly Nerd #5 Nils Binder

Nils binder is een frontend designer en vertelde over hoe hij gebruik maakt van HTML & CSS. Hij heeft ons in een workshop uitleg gegeven over zijn gebruik van CSS grid en hoe we dit zelf kunnen gebruiken. Hij vertelt over hoe de communicatie tussen designers en developers beter kan worden.

Ik vond het fijn om bij hem te volgen over iets wat wij zelf ook goed kunnen gebruiken voor onze website en hoe hij dit soort dingen zelf doet.

Weekly Nerd #6 Jeremy Keith

Hij heeft wat verteld over imperative programming. Hij zei, create an array of items en loop through each item. Hij vertelde ook over declarative programming en SQL. Structured, query language. Select items from table where condition is true. Ook, Javascript should only do what only Javascript can do. Om eigenlijk weer terug te komen op wat Kilian ook heeft verteld. Tijdens zijn presentatie vertelde Jeremy over het gebruik van `clamp` in buttons en hoe je hiermee de grootte van een button kunt bepalen. Hij legde uit hoe je met `min-font-size` de minimale grootte van tekst kunt instellen, wat handig is voor responsive ontwerpen. Daarnaast ging hij in op de CSS-functies `@min` en `@max`, en hoe je deze kunt combineren met `type scale` om consistente schaalverhoudingen te creëren. Hij besprak ook eigenschappen zoals `fit-content`, `min-content`, en `max-content`, die helpen bij het bepalen van de grootte van elementen op basis van hun inhoud. Tot slot introduceerde hij de functies `repeat()` en `minmax()` in CSS Grid, waarmee je flexibele en dynamische lay-outs kunt maken. Deze technieken bieden veel mogelijkheden om efficiënter en creatiever te werken met CSS. Zijn vraag was ook is declarative>imperative? It depends.

Er is hier verteld over declarative programming en hoe dit werkt. Hij vertelde dat declarative programming meer gericht is op wat je wilt bereiken, terwijl imperative programming zich richt op hoe je dat bereikt. Het is interessant om te bekijken op welke manier je soms beter kan programmeren. En op welke manier je dan eigenlijk doet. Hiervoor had ik nog nooit gehoord hiervan maar nu kan ik kijken welke manier eigenlijk gebruikt word.

Weekly Nerd #7 Julia Miocene

Julia kwam bij ons vertellen over animeren, en wat de mogelijkheden hier allemaal mee zijn. Toen zij liet zien wat voor projecten zij allemaal had gemaakt, keek ik mijn ogen uit. Het was zo mooi en zo goed gedaan, dat ik niet eens wist dat dit allemaal mogelijk was. Elk detail was uitgewerkt en overal waar je ook maar keek gebeurde er wel iets en had zij overna gedacht. Het was heel tof om te zien hoe enorm veel er wel niet mogelijk is als je je creativiteit zo laat gaan. Waar ik mij zeker nog door wil laten inspireren. Voordat ik begon aan deze minor had ik nog nooit ook maar iets ontworpen met puur CSS maar ik ben er zeker achtergekomen dat er zo veel meer mogelijk is dan ik maar had gedacht.

Heel veel meer heb ik niet te zeggen over Julia dan dat ik enorm onder de indruk was. Van de details en de tijd die erin zit. Erg mooi om te zien hoe iemand zich kan laten gaan in zijn creativiteit en waar dit je kan brengen.

Weekly Nerd #8 Rosa

Hackers united

Rosa kwam vertellen over systemen en hoe ze deze kraakt. Ik had geen idee wat ik me hierbij voor zou moeten stellen voordat dit begon. Zij vertelde dat ze dus echte apparaten gebruikt en deze opbreekt en er nieuwe dingen mee opzet. Ze had het over de DIY ethos:

Met deze apparaten die ze dan uit elkaar ging halen en weer ging opbouwen stelde zij de vraag, "Wat gebeurd er als je een input in de output stopt?". Ze organiseerde hacklabs waar verschillende mensen komen en samen deze vragen gaan stellen en dit uitproberen. Hier gebruikt ze verschillende soorten apparaten en deden mensen voor het eerst solderen, omdat het ook laagdrempelig is.

Voordat Rosa hierover ging vertellen had ik nooit bedacht dat je apparaten ook op een andere manier zou kunnen gebruiken en hier een nieuw leven aan zou kunnen geven. Het was leuk om te zien hoe zij hier enthousiast over was en hoe zij dit met andere mensen deelt. Verder is het niet per se iets wat ik zelf snel zou proberen, ik zou ook niet weten wat ik ermee zou kunnen. Maar omdat het fysieke apparaten zijn is het wel leuk om te zien hoe zij dit doet.

Weekly Nerd #9 Niels Leenheer

Hoe maak je een kassa met webtechnologie

Niels vertelde over hoe je een kassa kan maken met webtechnologie. Hij had een demo gemaakt in opdracht van google waar je een kassasysteem aan kan sluiten op het web. Het lijkt misschien simpel, je scant een product, betaalt en er komt een bon uit maar in theorie is dit veel ingewikkelder. Hij liet zien hoe hij een bon uit printte:

Ook liet zij zien hoe je precies een afbeelding kan maken op een bon. Dit gebeurd met een atkinson algoritme, maker van quickdraw MacPaint en hypercard. Hij gebruikte een receipt printer encoder, een web serial receipt printer en een web bluetooth receipt printer. Ingewikkelde namen maar hij liet ook zien hoe hij een foto maakte en deze uitprintte om het voor te doen. Het zijn eigenlijk hele oude apparaten daarom gebruik je web serial. De barcode scanner, eigenlijk zijn dit gewoon toetsenborden, je scant een barcode en hij typt de nummers voor je in. Dit is met een global trade item number, een GTIN. Hij vertelde dat je met een barcode scanner ook kan scannen met een camera, dit is een QR code. Dit is een 2D barcode die je kan scannen met je camera. En dat alles vervangen met QR codes.

Dit vond ik een erg leuke Weekly Nerd. Hij kwam meteen met een goede aandachtstrekker door iets te laten zien. Hier waren wij net begonnen met het werken met API's en Niels liet op een leuke, speelse manier zien hoe we dit dus ook op een andere manier zouden kunnen gebruiken waar ik nog nooit overna had gedacht. Een spreker maakt iets ook veel leuker als je merkt dat iemand dit met veel passie en enthousiasme vertelt. Hij vertelde ook dat hij dit zelf had gemaakt en dat hij dit ook echt leuk vond om te doen. Vooral leuk dus om de diversiteit van code te zien.

Weekly Nerd #10 Nienke de Keijzer

Nienke haar verhaal ging eigenlijk over haar afstudeerproject voor de GVB en de toegankelijkheid van de website. Ze heeft onderzoek gedaan met wat oudere mensen die bijvoorbeeld slechtziend waren en hoe zij gebruik maakten van zowel de gvb website als het openbaar vervoer zelf. Ze heeft hier een groep mensen voor gebruikt en haar resultaten zijn hier ook op gebasserd. Ze heeft hiervoor veel gepraat met mensen en veel onderzoek gedaan naar toegankelijkheid. Juist omdat de regels voor toegankelijkheid strenger worden en steeds meer van belang omdat het web voor iedereen te gebruiken moet zijn. Niet alleen heeft ze hier haar onderzoek over gedaan maar heeft hierna ook een baan gekregen om de GVB te ondersteunen met hun toegankelijkheid.

Ik vond dit een erg leuk verhaal om naar te luisteren omdat het praktisch is, ze heeeft het net afgerond en wij kunnen ons erin verplaatsen. Dit is ook een onderwerp waar erg veel over te leren valt en alleen maar meer toegepast moet gaan worden. Omdat zij zelf net afgestudeerd was, was het fijn om vanuit haar perspectief een project te zien en te kijken hoe je zelf hier je draai aan kan geven maar ook hoeveel je hier nog van kan leren. Heel cool om te zien hoeveel impact je kan maken met een onderzoek.

Weekly nerd #11 iO digital

Tijdens deze Weekly Nerd was ik helaas ziek dus heb ik deze niet kunnen bijwonen.

Weekly nerd #12 Q42

Voor deze Weekly Nerd zijn wij langs gegaan bij Q42 waar zij voor ons een stuk gingen vertellen. Q42 is een bedrijf waar ze werken aan innovatieve technologieën en digitale producten. Ze hebben ons verteld over hun werkwijze en hoe ze samenwerken in teams om creatieve oplossingen te bedenken. Ze hebben wat verteld over projecten die zij doen, waaronder dingen als philips hue, het rijksmuseum en de wie is de mol app. Ze zijn hier erg gericht op toegankelijkheid en dat iets voor iedereen moet kunnen werken. Ook zij hadden het veel over de nieuwe toegankelijkheidsregels en hoe belangrijk deze zijn om op vioor te bereiden. Ook geven ze hier in het bedrijven nog veel kansen om je creativiteit te uiten en nieuwe ideeën te onderzoeken.

Ik vond het erg interessant om te zien hoe een bedrijf als Q42 werkt en hoe ze technologie gebruiken om creatieve oplossingen te bedenken. Het was inspirerend om te horen hoe ze samenwerken en kennis delen. Ook interessant over hoe ze vertellen over zulke grote projecten waar ze aan hebben gewerkt en die ik erg vaak voorbij zie komen.

Weekly nerd #13 Marieke de Hoop

Marieke vertelde een verhaal over toegankelijkheid en hoe belangrijk dit is voor het web. Vooral weer omdat er dus nieuwe regels aankomen waar websites zich aan moeten gaan houden.

Voor wie doen we het dan? Minstens 32% van de Nederlanders heeft een permanente beperking, dit zijn meer dan 5,5 miljoen mensen. Ook zijn er verschillen tussen de verschillende soorten beperkingen. Een tijdelijke beperking is bijvoorbeeld staar of een gebroken arm, dit zijn dingen waardoor mensen hun toestel anders moeten gaan gebruiken. Ook zijn er dingen als situationele beperkingen zoals luide muziek om je heen, je armen vol hebben of felle zon op je scherm. Dit soort dingen kunnen een gebruikerservaring ook veranderen. Het hebben van een beperking is ook een hele persoonlijke ervaring.

Zo zijn er dus ook bedrijven die consultancy aanbieden om bedrijven te helpen met toegankelijkheid. Vooral nu er binnenkort een nieuwe wet komt over toegankelijkheid. De European accessibility act, EAA. Dit geld voor alle nieuwe content die wordt geplaatst vanaf eind juni 2025. Erg snel al dus, en veel bedrijven zijn hier niet zo veel mee bezig als ze zouden moeten. Hier zit dus nog veel ruimte voor verbetering. Er zijn namelijk erg veel dingen die toegankelijker gemaakt moeten worden zoals, zelfbediening terminals, geldautomaten, computers en besturingssystemen, bankdiensten, ebooks en e-readers en nog veel meer. Er is dus nog erg veel om aan te werken. Er zijn uitzonderingen zoals kleine bedrijven of bedrijven met een bepaalde doelgroep. En als een iets dus niet toegankelijk genoeg is kan je als bedrijf hier een boete voor ontvangen. Daarom is het dus zo belangrijk om dit op orde te hebben.

Ik vind het een erg interessant onderwerp, maar ook heel belangrijk omdat dit allemaal snel gaat komen en steeds meer van belang wordt. Voor ons als studenten kan dit ook een hele goede focus zijn omdat wij hier veel over leren maar veel bedrijven hier nog niet zoveel rekening meer houden als ze eigenlijk zouden moeten doen. Het is ook een onderwerp waar je veel over kan leren en waar je veel mee kan doen. Dus dit zou mogelijk een goede focus zijn om op in te gaan.

Pre CSS day

Tijdens pre CSS-day hebben wij een aantal sprekers gehad die, je raad het al, over CSS gingen vertellen. Een aantal daarvan hadden wij al eerder gehoord dus dit verhaal leek er een beetje op, maar was alsnog erg goed om te horen. Vervolgens vertelde Miriam over dat het web gericht moet zijn op gebruikers en de voorkeuren van hen.