/weekly-nerd-2122

The Weekly Nerd is series of workshops, case-studies and talks about web design and web development. The Weekly Nerd is part of the half year minor programme about Web Design and Development in Amsterdam. Bachelor Communication and Multimedia Design, Amsterdam University of Applied Science.

MIT LicenseMIT

Weekly nerd 🧠

Aantekeningen

Cyd Stumpel

  • Creative developer
  • Front end developer betekent meedenken over oplossingen
  • Awwwards jury
    • Toegankelijkheid
    • Responsive design
    • Gebruikersonderzoek (in de praktijk ben JIJ het gebruikersonderzoek)
    • Formulieren
    • Interactie
  • Bouwt alles in WP, framework niet leuk (kan lang duren ook qua laadtijden)
  • In agencies werk je aan meerdere producten, waardoor je een soort mini-expert wordt in al die producten.

Alvaro Montoro

Volgens Alvaro is CSS meer dan alleen styling. CSS is veel sterker dan mensen denken. Het is handig voor bijv:

  • accessibility, contrast, motion, subtitles en user preference als dark mode etc.
  • tekenen, clip-paths, blend modes, masks, filters, transformation
  • automatiseren, small patterns, complex apps, pseudo-random, multimedia…

Fenna de Wilde

Werkt momenteel bij Bakken & baeck Is bezig met het maken van Generative Art Veel bezig met accessibility:

  • Esc
  • React-focus-lock
  • Tab animeren
  • Button altijd tekst toevoegen in aria-label
  • Focus-visible
  • Media prefer reduced motion
  • Max-width: ch

Rik Schennink

Ziek

Krijn Hoetmer

Krijn Hoetmer is frontend en backend developer. En hij houdt erg van badmintonnen en kwam dan ook vertellen over een score board die hij had gemaakt voor bij zijn badminton vereniging.

Hierbij vond hij het heel belangrijk om te luisteren naar de feedback van de mensen van de badminton vereniging. Hierdoor blijft hij het continu verbeteren. Daarbij vertelde hij dan ook dat een app eigenlijk nooit af is, maar dat het doorontwikkelen ervan soms wel lastig kan zijn.

Vitaly Friedman

Vitaly gaf een aantal tips:

  • Error messages formulier belangrijk!
  • Laat de error messages bovenaan zien, niet onder het input veld
  • Open de volgende laag in het navigatie menu met klik en niet met hover
  • Disable buttons bij een formulier wanneer deze nog niet volledig is ingevuld. Geef daarbij aan wat de gebruiker nog moet doen om door te kunnen gaan naar de volgende stap.

Chanel

Chanel Mepschen werkt bij Triple, een digital agency in Alkmaar. Ze kwam ons vertellen hoe haar setup eruit ziet bij Triple.

  • Git
  • NPM
  • Next.js
  • Typescript
  • ESLint en Prettier
  • CSS & SASS
  • Webpack, (tegenwoordig ook Vite)
  • Babel
  • Azure (DevOps)

LĂ©onie Watson

LĂ©onie is blind. Om het web te gebruiken gebruikt ze een voice assistent. Ze kiest ervoor om gebruik te maken van 'Q', een gender neutral voice assistent. Voor haar is het belangrijk om karakter in de voice te horen. Er zijn hier al veel ontwikkelingen in gemaakt, maar er is nog veel te verbeteren. Laat de voice zo natuurlijk mogelijk klinken om het persoonlijker te maken.

Ook zijn er meerdere dingen waar je op moet letten bij het ontwerpen van jouw website. Toegankelijkheid is namelijk erg belangrijk voor een blind persoon. Denk bijvoorbeeld aan het toevoegen van aria-labels aan je buttons of (goede) alt teksten aan je afbeeldingen.

Rian Rietveld

Rian is gespecialiseerd in web accessibility. In zijn speech kwam hij vertellen over cognitieve beperkingen. Er zit verschil tussen cognitieve beperkingen die permanent of tijdelijk zijn.

Voorbeelden van permanente cognitieve beperkingen zijn:

  • ADHD
  • Autisme
  • Dyslexie
  • Angststoornis

Voorbeelden van tijdelijke cognitieve beperkingen zijn:

  • Kater
  • Verdriet/boos
  • Moe
  • Luidruchtige omgeving

Met je ontwerp moet je dus rekening houden dat mensen mogelijke beperkingen kunnen hebben.

Weekly Mingles

Label A

Bij label A kregen we een rondleiding en een workshop over Typescript. Typescript is tegenwoordig een beetje de standaard in grotere projecten, dus ik vond het interessant hier wat meer over te leren. Mede door deze weekly mingle heb ik besloten mijn stage bij Label A te doen.

DEPT

Bij DEPT kregen we een rondleiding door het hele pand en vertelde ze veel over het bedrijf. We kregen vervolgens een presentatie over wat dept allemaal doet en hun klanten. Voor mij was het iets te massaal en gemaakt, maar verder wel interessant om geweest te zijn.

De Voorhoede

Bij de Voorhoede ben ik (doordat het onze meesterproef opdrachtgever was) meerdere keren geweest. Ook ben ik met Zain 2x gebleven op Voorhoede vrijdag en de borrel. Ik vond de presentaties die werknemers wekelijks gaven erg interessant.

Build in Amsterdam

Bij BiA kregen we ook een rondleiding en een presentatie. Ik vond hun kantoor erg mooi. Ook maken ze indrukwekkende 'digitale flagship stores'. We kregen een workshop over parralax scrollen. Ik moet zeggen dat ik vrij moe was en het buiten heel warm was en ik me daardoor niet echt heb kunnen concentreren op wat Folkert allemaal precies zei tijdens de workshop.