Ik houd hier al mijn lezingen bij die ik heb bijgewoond van We❤︎Web.

Lezing van Vasislis van Gemert over toegankelijkheid, creativiteit en klokken.

Wat heb ik geleerd:

• Hoe belangrijk toegankelijkheid voor een website is.
• Quote: Maak leuke dingen :)
• Leuke site om te kijken: www.lovenonsense.com

Aantekeningen:

Lezing van Dion Pieters docent FDND, over 'from concept to creation'.

Wat heb ik geleerd:

• Je eigen portfolio zal nooit helemaal af zijn (nooit perfect)
• Dion heeft voor een aantal coole bedrijven gewerkt, zoals Spotify
• Linkje naar Dion zijn portfolio

Aantekeningen:

Lezing van Kilian Valkhof over over hoe en waarom hij Polypane heeft gebouwd.

Wat heb ik geleerd:

• Polypane wordt het meest gebruikt voor toegankelijkheid.
• Er is altijd wel iets te verbeteren of waar een gebruiker naar vraagt.
• Maak sideprojects!!! (Goede manier om niet vast te raken in een project)

Aantekingen:

Lezing van Cassie Evans, Creative Coder bij GSAP (tool voor coole animaties).

Wat heb ik geleerd:

• GSAP ook wel een animation toolbox
• "Let the ease do the work."
• Maak gebruik van de Helper functions (handige informatie)

Aantekeningen:

Lezing van Ischa Gast, frontend developer bij Schiphol gespecialiseerd in het toegankelijk maken van websites.

Wat heb ik geleerd:

• Hoe verbeter je de toegankelijkheid? Gebruik correcte HTML, Juiste koppenstructuur, focus styling & goede contrastkleuren.
• Iedereen heeft een beperking op websites. Dit is afhankelijk van bijvoorbeeld locatie of leeftijd.
• Het tabben door de website is de eerste stap om je toegankelijkheid te testen. Daarna eventueel een lighthouse test of andere tests.

Aantekeningen:

Lezing van Niels Leenheer, over Browsers en HTML.

Wat heb ik geleerd:

• Browsers negeren elementen die ze niet begrijpen, de browser laat zelfs geen foutmelding zien.
• Tokenizer gaat teken voor teken door het HTML bestand -> tag name, tag attribute & tag value.
• <blink> element wordt niet meer ondersteund.
• "HTML is voor iedereen, iedereen mag fouten maken".

Aantekeningen:

Lezing van Kalok Yeung, Freelance Creative Director/Designer.

Wat heb ik geleerd:

• Oxytocine (knuffelhormoon) komt vrij als mensen animaties bekijken op je website.
• Soft UI: ronde vormen en witruimte
• Motion: Herbruikbare componenten en hover animaties (fluide experience)
• Sound: Satishfying geluiden en scroll animatie
• Content: Geen lange teksten en belangrijkste content laten zien

Lezing van Hidde de Vries over web sustainability (duurzaamheid).

Wat heb ik geleerd:

• ICT emissions > aviation emissions
• Progress over perfection!!!
• Hoe duurzamer werken? Minimaliseren van afbeeldingen/video's, gebruik green hosting & alleen noodzakelijke functionaliteiten toevoegen.
• Website van Hidde: wwww.hidde.blog-slides.com
• 'Don't be the reason users upgrade'

Lezing van Tolga Doganer, frontend developer bij Funda en ex-student van FDND

Wat heb ik geleerd:

• Altijd belangrijk: Toegankelijkheid, semantiek en responsiveness.
• Als je een baan zoekt, ga dan bij zoveel mogelijk banen solliciteren ook al vind je het ene bedrijf leuker
• TS = Inline CSS schrijven

Lezing van Martijn Nieuwenhuizen, development lead bij Fresk Digital.

Wat heb ik geleerd:

• Het proces achter het proces (zie aantekeningen)
• Don't be lazy, don't be boring
• Discover & Strategize - Create & Launch - Optimize & Grow
• Informatief: zijn portfolio

• Theo Thijssen gebouw 100% toegankelijk
• het is mogelijk om met rolstoel een gebouw binnen te komen = toegankelijk
• Toegankelijk is niet altijd goed ondanks het voldoet aan de toegankelijkheid eisen
• Inclusive design = ontwerpen voor iedereen: consider all contexts, be consistent, prioritise content en add value.
• wwww.lovenonsense.com
• Exclusive design = voor 1 persoon ontwerpen -> conventies negeren
• Add nonsense
• Leg de lat hoger dan de toegankelijkheid richtlijnen

• De toegankelijkheid richtlijnen zijn niet altijd prettig toegankelijk
• Leg de lat hoger

• Staff engineer
• Decathlon: Frans bedrijf, actief in 79 landen. Kantoor gevesdtigd in Lille, Parijs, Nantes en Amsterdam.
• E-commerce voor de 16 grootste bedrijven.
• Amsterdam hub voornamelijk gericht op e-commerce en data.
• E-commerce opgesplitst in: Upper funnel en lower funnel.
• Upper funnel: Navigatie, product pagina, CMS team, aanbevelingen, product API, search en ranking en SEO
• Product page team voorbeeld: Engineering manager, product manager, 2x designer, content design, UX design, 6x Frontend engineers.
• Een pagina is nooit af, deze moet worden doorontwikkeld.
• Stacks: Next.js, React i.c.m Typescript en Node.
• Next.js is een React framework for building full-stack web applicaties. Het combineert server-side js, statische site, routing en data ophalen en developer experience.
• A design system is a central, shared source of truth that contains the visual, interaction, and code standards used to build a consistent visual interface.
• A suite of guidelines, reusable components, modules and templates including.
• Typografie en kleuren in een apart document.
• Design token
• Design and engineering speak the same language.
• Native UI: IOS en Android
• Waarom belangrijk? Consistency, Efficiency, Scalability, improved collaboration, quality, Accessiblity, onboarding and training
• Foundations: colors, assets icons, typography
• Make sure components are: composable, flexible (properties), accessible, themed, well documented, consistent en stable and predictable

• Een design system is een gedeeld document/bestand dat visuals, interacties en code standaarden bevat die je kan toepassen binnen je project.
• Native UI: is een UI speciaal voor IOS en Android
• Zorg ervoor dat je herbruikbare elementen op een website als component inzet

• Werkt bij Q42
• Screen reader only classes
• Accessibility enhancet de ervaring voor iedereen
• Er is altijd een ervaring van een persoon die de toegankelijkheid naloopt.
• Er komt een Europese wet voor toegankelijkheid

• Waarom gekozen voor dit vak? Veel werk in en leuk om creatief bezig te zijn
• Begonnen als backend developer en later doorgegroeid in accessibility werk
• De meeste apps zijn ontwikkeld voor de aandeelhouder
• Een LLM is getraind op wat er al was. Jij bent getraind op wat jij hebt gemaakt.
• We bouwen niet om het bouwen maar echt goede dingen bouwen
• Voiceover in mac voor het voorlezen van teksten (screen reader)