we love web

Vasilis van Gemert

Vasilis van Gemert is een principal frontender en vakdocent CMD. Zijn LinkedIn-profiel vind je hier. Vroeger was hij een kunstenaar. Het nut van onzin maken is dat je er inspiratie uit kunt halen. Voorbeelden hiervan staan op zijn website vasilis.nl.

Voor zijn masteropdracht heeft hij een pagina gemaakt en ingeleverd, die je kunt bekijken op deze link. Gebruik je creativiteit en maak gekke dingen; daar kun je veel van leren. Maak een website niet alleen toegankelijk in theorie, maar ook in de praktijk, zodat deze echt bruikbaar is en je niet achteraf problemen ontdekt. Screenreaders kunnen ingewikkeld zijn als je ze nog niet kent. Een gebruiker hoort bijvoorbeeld “heading 2”, wat verwarrend kan zijn. Test altijd zelf de website die je maakt met een screenreader, zodat je weet hoe het voor anderen is.

Nicolas Garnier

is een onafhankelijk creatief developer die zich sinds 2012 focust op webontwikkeling met JavaScript, nadat Flash is verdwenen. Hij begon in 2018 met freelancen en werkte voor bureaus, productbedrijven en startups.

• Hij bouwt websites, apps, installaties en gebruikt daarbij diverse tools zoals JavaScript, CSS, WebGL en Unity.
• Zijn doel is om met alle beschikbare technologieën creatieve en technische uitdagingen op te lossen.
• De kern van zijn werk bestaat uit code, design, motion en interactiviteit.

gebruik van animatie

• je website word mooier en het zorgt dat mensen langer op de website zijn
• een animatie moet funcitoneel zijn en kan niet stuk zijn
• niet iedereen houd van animaties

links met websites

• zijn eigen webiste
• lief amsterdam
• wetransfer
• loerarchitecten
• filla exploere

Dion Pieters

Hij is creative developer en docent bij onze opleiding

• Hij heeft informatie gestudeerd en bij cmd ook heeft die dviser bedrijven gewerkt zoals spotify active collective build in amsterdam
• in het gastcollege heeft hij vertelt over een portfolio en dat je diverse vragen moet stellen om rekening te houden met de eindgebruikers en potentiele odprachtgevers vragen kunnen onder andere zijn wie kijkt naar je portfolio en wat wil je overbrengen met je portfolio en is het noodzakelijk om er een te hebben.
• Tijdens het bouwen moet je de vanuit meerdere invallen bekijken want als je gaat designen meot je rekning houden met de gebruiker waardoor je dus ook niet volledig je creativiteit kan uiten odmat je ook weer denkt dat iet sniet kan
• animaties is iets dat moet je erin hebben om de aandacht van de gebruiker te kunnen vasthouden en om je website er ebter uit te laten zien

Emiel van Betsbrugge

WebGL Developer bij Active Theory

• Hij komt uit kortrijk ook heeft die 8 jaar ervaring als developer en dit is zijn website

hij heeft vertelt over pitchen hoe je een presenatie geeft en hoe je jouw product naar productie kan omzetten en daarin komen deze stappen

• Pitch
• Discovery
• Design & Early dev
• Development
• QA
• Go Live
• Retrospect
ive

pitch dat is wie wat wanneer en hoe

welke mensen zijn er en de details wat krijg je en wat is optioneel

discovery de ontdekkingsfase wat willen we precies gaan maken en heo gaan we dit aanpakken

Design & Early dev het project opstarten een sprint planning maken en iteren en prioriteiten steleln

development het bouwen en het fixen van bugs en ook testen werkt alles naar behoren en op de details letten

QA Quality Assuring de laatste fase van het testen waarin gechekt word of alles echt werkt en of er niet nog onverwachte bugs zijn

go live: het livezetten van je product

retrospective het terugkijken is het goedgegaan en hoe gaan we verder

de belangrijkste aantekningen:kwaliteit bovne kwaniteit en maak plezier doe iets wat je echt leuk vind en de performance is ook van belang

dave bitter

persoonlijke website: zijn persoonlijke website presiparrot een website die hij gemaakt heeft een audiowebAPI ook wel speechregnotion het is sinds 1950 en het werd steeds verberterd in 2000 begon google en in 2010 begonnen de smartassisent the magic ai black box en mensen gebruiken chatgot im te zoeken in plaats van alleen zoeken op google hij zegt iets en de ai die luistert en er zitten 4 hoofdelen in speechregonisiton chatgpt en daarna speechsynthethis

using the speechregoniztion webapi using the speechsynthethis webap for our output https://www.davebitter.com/articles/interacting-with-chat-gpt-through-voice-ui-on-the-web hier staat de demo op

the select role by the user the personality of ai

elevenlabs is gratis om te gebruikten en je haalt alle audio data af en je speelt de audio data performance over anything and nothing breaks the illusion than the high latency ai is just another data sourche its the ux that makes the difference hoe is het leuk en functioneel en don't forget about the older techniques make cool stuff build,dont just discuss

cassie evans

cassie evans different ways such as vanilla ui animations the gsap library is big it is extensive and it uses method and targets and also vars no position direction sequences they use scroll positions gsap is something like a toolbox of everything that you need quicksetter is a utility cursor followers codepen gsap utils utils.random utils.maprange utils.wrap utils.pipe() voor animations

the ease do the work it is very important you can use a glitcy animation with the ease visualizer you can see the code that you need with matchmedia you can change the animation when it has a specific screen for example pointer events or hovers with user preferences reduce motion you can change the animation for people who turn off the animation

control methods skipp to a certain point you can animate the timeline with a ease when you click on something helper functions in gsap