Document

Vasilas van Gemert

Vasilas van Gemert is docent CMD (Communication and Multimedia Design) en houdt van creatieve, speelse en gekke projecten. Zijn website, https://vasilis.nl, toont zijn werk, waarbij hij aanmoedigt om onzin en plezier te omarmen als iets nuttigs. Hij gelooft in de waarde van het maken van ongebruikelijke en interessante dingen. Bijvoorbeeld, de poppetjes op zijn website komen uit een door hem zelfontworpen lettertype. Op de pagina https://vasilis.nl/flipping-things/ toont hij de achterkant van een schilderij, een grappig concept geïnspireerd door een foto die hij van een Deens museum ontving. Daarnaast heeft hij een pagina over zijn liefde voor het maken van klokken, zoals op https://vasilis.nl/clocks, waar hij klokontwerpen deelt die bewegen, wat de kijker boeit door de dynamiek. Een ander creatieve en onconventionele website die hij noemt is https://sachavonbose.nl/tekeningen/, die haar kunst op een speelse en fantasierijke manier toont. Wat betreft toegankelijkheid benadrukt Vasilas het verschil tussen theoretische toegankelijkheid en echte toegankelijkheid. Hij benadrukt het belang van rekening houden met hoe screenreaders websites lezen. Dit betekent dat je sites moet ontwerpen met een goed begrip van toegankelijkheid voor mensen met visuele beperkingen, zodat alle elementen van een site bruikbaar zijn voor iedereen. Kortom, Vasilas moedigt aan om buiten de conventionele ontwerpgrenzen te denken en speelse, boeiende en toegankelijke werken te maken.

Nicolas Garnier

Nicolas Garnier is een onafhankelijke creatieve ontwikkelaar die in 2012 begon met ontwikkelen en in 2018 besloot te freelancen. Hij werkt voor bureaus, productbedrijven en start-ups. Als creatieve ontwikkelaar combineert hij technische vaardigheden met een oog voor creativiteit. Hij gebruikt verschillende tools om creatieve en technische uitdagingen op te lossen, zoals JavaScript, CSS, WebGL, Processing, Unity, GenAI en LLM. Zijn werk omvat websites, apps en installaties, waarbij de kern draait om code, design, beweging en interactiviteit. Volgens Nicolas kan creativiteit en interactiviteit helpen om beweging te creëren door: - Anticipatie te creëren - Het verhaal te ondersteunen en de sfeer te zetten - De gebruiker te betrekken - Een ontwerp- of technische uitdaging op te lossen Zijn portfolio bevat onder andere projecten zoals Vita Architecture, Lief Amsterdam, Lifeworld, Loer Architecten, FilaExplore en Alcest Music. Zijn conclusie is dat je animatie moet zien als een verlengstuk van de oorspronkelijke intentie. Hij benadrukt het belang van open-minded zijn, jezelf afvragen wat de animatie toevoegt, feedback vragen en bereid zijn om veel tijd te investeren.

Emiel van Betsbrugge

Emiel van Betsbrugge is WebGL Developer bij Active Theory en heeft 8 jaar ervaring in de industrie. Hij deelt zijn proces voor het ontwikkelen van projecten, van pitch tot productie, met de volgende stappen:

1. Pitch: Dit is de fase waarin de basis wordt gelegd voor het project, inclusief wie, hoe, wanneer, wat en voor hoeveel. Betrokkenen zijn producers, sales, design directors en tech leads. Het kan een intensieve ontwerpfase zijn, vaak tegen betaling en mogelijk tegen andere agencies.
2. Discovery: Hier worden de grootste vragen beantwoord die tijdens de build opkomen. Dit is vaak optioneel als de klant en het bureau nog niet zeker zijn over samenwerking.
3. Design & Early Dev: In deze fase wordt het Statement of Work (SOW) goedgekeurd, worden schattingen gemaakt, en vindt sprintplanning en scaffolding (basis setup) plaats.
4. Development: Emiel volgt een flow die begint met snelle, onvolledige iteraties, gevolgd door meerdere fixrondes en vervolgens polish. Dit is de langste periode, waar het belangrijkste is om je eigen stijl te volgen, inchecken met design, en te focussen op "low effort, big impact" voor snelle resultaten. Testen en kritisch blijven is essentieel, en het is belangrijk geen concessies te doen op kwaliteit.
5. QA (Quality Assurance): In deze fase wordt de functionaliteit en taal gecontroleerd, de build geaccepteerd en de laatste polish uitgevoerd. Vaak wordt dit door een externe partij gedaan, en voorbereiding is essentieel.
6. Go Live: De lancering gebeurt met een druk op de knop, maar vaak niet meteen na het einde van de build.
7. Retrospective: Hier reflecteer je op het proces. Wat moet je blijven doen, stoppen, of starten? Het is ook de tijd om de boilerplate aan te passen en het proces te verbeteren.

Emiel benadrukt dat snelheid belangrijk is, maar de kwaliteit altijd het uiteindelijke doel is. Hij moedigt aan om te blijven experimenteren en te zorgen dat het internet weer leuk wordt. Hij eindigt met een positieve boodschap: "You all got this, you’re in the right place".

Justus

Justus gaf een *We Love Web*-sessie over *digital gardening* en het *indie web*. Hij benadrukte het belang van het bezitten van je eigen web, omdat als je dat niet doet, het web jouw bezit. Justus heeft al zijn werk op zijn eigen platform staan, met meerdere back-ups, zodat hij altijd toegang heeft tot zijn werk, zelfs als er iets uitvalt. Hoewel Justus het web geweldig vindt, merkt hij op dat het tegenwoordig anders aanvoelt, en niet op een positieve manier. Vroeger leek alles mogelijk, maar nu voelt het anders. Hij herinnert zich nog de tijd waarin hij begon te coderen met programma's zoals de command prompt. Voor Justus markeerden platforms zoals Hyves en Facebook het einde van het authentieke web. Alles begon hetzelfde aan te voelen, en mensen stopten met het maken van hun eigen webpagina's. Hij moedigde mensen aan om te beginnen met 'tuinieren' op het web. Het hoeft niet perfect te zijn of meteen af, maar het draait om het proces. Net als bij tuinieren kun je steeds iets toevoegen, bijsnoeien of zelfs verwijderen.

Dave Bitter

Dave Bitter presenteerde op 17 januari 2025 zijn app *Presi Parrot*, die gebruik maakt van spraakherkenningstechnologie om transcripties te genereren. Zijn interesse in spraak naar tekst begon zeven jaar geleden. De app is volledig gebaseerd op webtechnieken en maakt gebruik van moderne spraakherkenning via API’s. Spraakherkenning heeft een lange geschiedenis, van de jaren vijftig tot de opkomst van slimme systemen zoals Alexa en Siri in 2010. Tegen 2020 is het mogelijk om transcripties te genereren uit verschillende bronnen, zoals video's en spraak. De app werkt door te controleren of spraakherkenning wordt ondersteund door de browser of het apparaat, en maakt gebruik van ingebouwde browserfuncties om stemmen op te halen en aan te passen. Voor visuele ondersteuning wordt technologie zoals 3JS ingezet. Een belangrijke functie is het ophalen van stemmen via API’s zoals Eleven Labs, hoewel dit een vertraging kan veroorzaken door cloudverwerking. Dave benadrukte het belang van prestaties en een goede gebruikerservaring voor het succes van een app. Hij legde ook uit dat oudere technologieën een solide basis vormen voor moderne innovaties, en wees op nieuwe mogelijkheden zoals Google’s Project Fugu, die webtechnologieën verder uitbreiden voor de ontwikkeling van complexe webapplicaties.

Dion Pieters

Dion Pieters gaf op 18 oktober 2024 een gastlezing over zijn carrière in frontend design en development. Hij deelde zijn loopbaanpad, van zijn studie informatica in Arnhem tot werken in een Amsterdamse studio, waar hij zich richtte op e-commerceprojecten. Dion wil steeds meer de kant van development op en benadrukte de uitdagingen van werken voor jezelf, waarbij het werk nooit echt af lijkt te zijn. Hij merkte op dat designers die kunnen coderen vaak denken in beperkingen, terwijl het belangrijk is om mogelijkheden te verkennen. Dion's passie voor 3D-design kwam naar voren, waarbij hij liet zien hoe je op een plat scherm een 3D-ervaring kunt simuleren. Hij benadrukte het belang van inspiratie en het uitdragen van kernwaarden in ontwerpen, en Figma is een van zijn favoriete tools. In zijn portfolio vindt Dion dat animaties essentieel zijn voor levendigheid. Hij toonde een video van zijn werk waarin hij zijn animaties en creatieve processen uitlegde. Dion werkt met een techstack die onder andere Next.js en 3D.js bevat. Hij past zich snel aan de techstack van een klant aan, wat niet altijd gemakkelijk is voor anderen. Dion werkt liever met GL in plaats van DOM, omdat het de manipulatie van pixels op canvas mogelijk maakt. Hij gaf ook tips voor het resetten van stijlen en het gebruik van Easings.net voor vloeiende overgangen, en deelde zijn eigen easing library. Tot slot besprak hij website-optimalisatie, waarbij hij een tool noemde die de grafische kaart van de gebruiker detecteert en op basis daarvan de juiste elementen inlaadt, wat de prestaties verbetert. Dion moedigt aan om grenzen te verleggen en creativiteit de vrije loop te laten in design en development.