cassie evans

  • Guest Teacher

    07 Maart 2025

  • Cassie Evans

  • "GSAP fairy Godmother"

  • Lewes, Engeland, Verenigd Koninkrijk

  • Info

    Creative developer with a background in design. Specialising in SVG and UI interactions.

    2020 Women in Software Power List - Speaker. Educator.

    Organiser of Brighton Generator, a Brighton based creative coding meetup.

  • Links

  • cassie blogs gsap

Samenvatting van Cassie GSAP

Algemene GSAP-concepten

  • GSAP Library: Wat je allemaal kunt doen met GSAP – een krachtige JavaScript-animatiebibliotheek.

  • Tween & Timeline: Basisbouwstenen van GSAP. Gebruik tween voor enkele animaties, timeline voor opeenvolgende animaties.

  • Plugins: Extra functionaliteiten zoals scroll, motionPath, en meer.

  • ScrollTrigger: Animaties triggeren op basis van scrollpositie.

  • ScrollSmoother: Maakt scrollen soepeler.

GSAP Utils en methoden

  • gsap.utils.random(-100, 100): Geeft willekeurige waarden tussen -100 en 100.

  • gsap.utils.random([kleur1, kleur2, kleur3]): Random kleurkeuze.

  • gsap.utils.mapRange(): Converteert waarden tussen twee bereiken.

  • gsap.utils.wrap(): Maakt een array loopbaar.

  • gsap.utils.pipe(): Combineert meerdere utility-functies.

  • gsap.utils.snap(): Rondt waarden af naar dichtsbijzijnde stap.

Specifieke technieken

  • gsap.quickSetter & quickTo: Efficiënte manier om waarden direct te updaten – bijv. cursor-volgers.

  • gsap.matchMedia(): Werkt als media queries, om animaties aan te passen per schermgrootte.

  • tl.addPause(): Voeg pauzes toe in een timeline. Handig om animatie te stoppen tot interactie of voorwaarden.

  • Ease functies: Gebruik ease: "rough" voor een grillige beweging, of visueel alternatief voor yoyo-effecten.

Interactie & bediening

  • Control methods: Bijvoorbeeld knoppen gebruiken om animaties te starten, pauzeren of hervatten.

  • Reduce motion: Pas de animaties aan op basis van voorkeuren voor bewegingsreductie.

  • Helper functies: Kleinere tools die animaties gemakkelijker maken.

  • MotionPathHelper: Visualiseer en bewerk bewegingspaden.

Favoriete tip van Cassie

quickHover: Een techniek waarbij hover niet automatisch de animatie uitvoert, maar klaarstaat om te reageren.

Erik Kroes

  • Guest Teacher

    28 Maart 2025

  • Erik Kroes

  • 🤓 Strategic consultant: Accessibility, Inclusive Design & Design Systems | 🧰 Organizer @ Idea11y

  • Amsterdam Area

  • Info

    I am at my best when I can sink my teeth into a challenge, get the most out of people and situations, and create structure where there was none.

    Trusted by: ING, Alzheimer's Society, Achmea/Centraal Beheer, IKEA, MetaMetrics, Zurich and WeTransfer.

  • Links

  • Erik kroes

Samenvatting – Erik Kroes: Accessibility & Semantiek

Wat is toegankelijkheid?

  • Toegankelijkheid betekent dat iedereen je website kan gebruiken — ook mensen met een beperking.

  • Het is geen alles-of-niets-vraag:

    • Je kunt altijd kleine verbeteringen doorvoeren.

    • Zelfs minimale aanpassingen kunnen al veel verschil maken.

Hoe maak je een site toegankelijk?

  1. Gebruik correcte HTML

    • Gebruik semantische elementen zoals <button>, <a>, <section>, <nav> etc.

    • Vermijd onnodige of complexe ARIA-rollen tenzij echt nodig.

  2. Let op kleurcontrast

    • Tekst moet goed leesbaar zijn tegenover de achtergrond.

    • Gebruik tools om te controleren of je voldoet aan de WCAG-richtlijnen.

  3. Testen = cruciaal

    • Niet alleen met geautomatiseerde tools.

    • Test met screenreaders én echte gebruikers.

Typografie & structuur

  • Gebruik koppen in volgorde (<h1>, <h2>, <h3>...) — sla geen levels over.

  • Zorg voor schaalbare tekst met eenheden als rem in plaats van vaste px.

  • Dit helpt screenreaders én gebruikers die inzoomen of een aangepaste weergave nodig hebben.

Semantiek: HTML-tags bewust kiezen

  • Gebruik bij voorkeur semantische tags:<main>, <article>, <aside>, <footer>, enz.

  • Vermijd generieke elementen zoals <div> en <span> als een beter alternatief beschikbaar is.

  • Beter voor toegankelijkheid én SEO.

Jeremy Keith

  • Guest Teacher

    12 Maart 2025

  • Jeremy Keith

  • ¯\_(ツ)_/¯

  • Brighton en Hove en omgeving

  • Info

    Jeremy Keith is a mediocre middle-aged white man from Ireland, living in Brighton, England. He works with the splendid design transformation consultancy, Clearleft.

    You may know Jeremy from such books as DOM Scripting, Bulletproof Ajax, and HTML5 For Web Designers, Resilient Web Design, and most recently, Going Offline. He’s the curator of the UX London conference and he also hosts the Clearleft podcast.

    Jeremy spends most of his time goofing off on the internet and documenting his time-wasting on adactio.com, where he has been writing for more than twenty years. He also plays traditional Irish music on the mandolin, and slide bouzouki in the rock band, Salter Cane.

  • Links

  • Jeremy Keith

Samenvatting van Jeremy Keith – Declarative Design

Declarative vs Imperative Programming

  • Imperatief

    • “Stap voor stap”-instructies, zoals in de meeste programmeertalen (bijv. JavaScript).

    • Volledig controle, maar complexer.

    • Voorbeeld: JS is imperatief.

  • Declaratief:

    • Zeg wat je wilt, niet hoe

    • Minder krachtig maar gemakkelijker te begrijpen (zoals SQL of HTML/CSS)

    • CSS en HTML zijn declaratief – je beschrijft het eindresultaat.

    • “JS should only do what only JS can do” → gebruik JavaScript alleen waar het echt nodig is.

Voorbeelden en tools

  • Button declarative: Maak knoppen standaard declaratief, voeg JS alleen toe voor gedrag.

  • Padding left vs inline start: Gebruik logische eigenschappen (beter voor i18n).

  • Utopia.fyi: Tool voor responsieve typografie en lay-out (min-max schaal).

  • Every-layout.dev: Declaratieve benadering van lay-outs.

  • buildexcellentwebsit.es: Site met principes voor solide declaratieve opbouw.

Denken over denken (meta-reflectie)

  • Analytisch denken = inzoomen, problemen ontleden.

  • Systeemdenken = uitzoomen, grotere verbanden zien.

  • Beide zijn nodig in design en ontwikkeling.

Filosofie van controle

  • “Illusion of control”: Denk je dat je controle hebt, maar het systeem bepaalt.

  • Jeremy hint op het loslaten van micro-control ten gunste van systeemdenken.

Julia Miocene

  • Weekly Nerd

    17 Maart 2025

  • Julia Miocene

  • Product Designer | UX Engineer | Google Developer Expert on Web | Women TechMakers Ambassador | Speaker | Podcaster | Quokkas and Cats lover

  • Amsterdam, Noord-Holland, Nederland

  • Info

    Hey! I'm making the world better as a Product Designer and crazier as a Pure CSS Animator. I am a speaker, I talk about CSS and designing in the browser. I'm a co-owner of a local community, podcaster, and Google Developer Expert on Web

  • Links

  • Julia Miocene io Youtube

Samenvatting – Julia Miocene: CSS Character Animations

Wie is Julia Miocene?

  • UX Engineer bij GitLab, actief op het UX Paper Cuts-team.

  • Google Developer Expert en Women Techmakers Ambassador.

  • Bekend als CSS-artiest — creëert complexe animaties en illustraties met pure CSS.

  • Populair op platforms als CodePen voor haar technisch indrukwekkende en cartooneske creaties.

Visie op CSS

  • CSS is meer dan styling:

    → Julia toont aan dat je met alleen CSS volledige tekeningen en animaties kunt maken, zonder JavaScript of SVG.

  • Alles bestaat uit divs:

    • Bijv. een hoofd = div

    • Ogen = nested divs

    • Pupillen = weer nested divs

    • Alles wordt opgebouwd via parent-child-structuren

Technieken en CSS-features die ze gebruikt

  • ::before en ::after → voor extra elementen zonder extra HTML.

  • position: relative en absolute → voor het positioneren van onderdelen.

  • transform, rotate, scale, translate → voor beweging en vorm.

  • transform-origin → bepaalt het scharnierpunt van een animatie (bijv. "bottom center" voor zwaaiende armen).

  • clip-path, border-radius, gradients → voor complexe vormen en visuele effecten.

  • Unieke CSS-hacks: zoals driehoeken maken met border, of schaduwen voor diepte.

Killian Valkhof

  • Weekly Nerd

    05 Februari 2025

  • Killian Valkhof

  • Building Polypane, a better browser for all developers and designers.

  • Amsterdam, Noord-Holland, Nederland

  • Info

    At Firstversionist, we empower developers, designers and other web workers with powerful software that helps them get work done faster and better.

    Polypane helps developers and designers build amazing web experiences twice as fast by offering a browser that integrates great developing, debugging and testing tools and shows sites in multiple viewports at once. More info at https://polypane.app

    Superposition helps developers and designers kickstart design system efforts by creating design tokens from live websites. More info at https://superposition.design

  • Links

  • Polypane app

Kilian Valkhof: "Rule of Least Power"

Thema van de presentatie

  • "Rule of Least Power"

    • Gebruik altijd de minst krachtige technologie die voldoende is voor je doel.

    • Begin dus met HTML, voeg daarna CSS toe, en pas JavaScript toe als het écht nodig is.

Handige tips & technieken uit de presentatie

  • Form Elements & Styling

    • Custom switches & inputs

    • Gebruik appearance: none; om standaard stijlen te verwijderen.

    • input { accent-color: ...; } → pas de kleur aan van checkboxen/radiobuttons.

  • Scroll-gedrag en navigatie

    • scroll-margin-top: 100px;→ Zorgt ervoor dat een element niet strak tegen de bovenkant komt na scrollen met een anchor link.

    • #my-target:target { outline: .1em solid #...; transition: ... }→ Highlight het element waar je naartoe scrollt — handig voor navigatie.

  • Geavanceerde CSS

    • @starting-style→ Specificeer de beginstijl van een animatie, bijvoorbeeld voor modals/dialogs:opacity: 0; transform: scale(0.8);

    • :has()pseudo-class → Gedraagt zich als een if-statement in CSS: Bijv. form:has(input:checked) input { color: red; } → Werkt in moderne browsers zoals Safari en binnenkort Chrome.

  • Custom select styling (Chrome only)

    • ::picker(select) { appearance: base-select; }

    • Geeft je controle over de dropdown-weergave.

Niels Leenheer

  • Weekly Nerd

    24 Maart 2025

  • Niels Leenheer

  • Co-founder and CTO at Salonhub, creator of HTML5test.com and regular speaker about web standards, browsers and IoT

  • Groningen en omgeving

  • Info

    I'm mainly interested in UX design and frontend engineering.

    I am both experienced with server side PHP scripting and client side JavaScript. I am a HTML and CSS guru. Lately I am also involved in programming applications for Adobe AIR and iPhone webapps.

    Specialties: PHP, Javascript, HTML, CSS, browser quirks, Adobe AIR, iPhone webapps, user interface design, graphic design

Samenvatting – Niels Leenheer: Receipt Printers 101

Waar ging de presentatie over?

  • Niels toonde hoe je met moderne webtechnologieën en hardware-API’s (zoals Project Fugu) een volledig functioneel kassasysteem kunt bouwen — direct vanuit de browser.

Wat zijn receipt printers?

  • Kassabonprinters, vaak aangesloten via:

    • USB

    • Seriële poort

    • Netwerk

    • Bluetooth

  • Twee hoofdprotocollen:

    • ESC/POS (van Epson): tekst via ASCII + escape-codes voor opmaak.

    • StarPRNT (van Star): vergelijkbaar, maar niet compatibel met ESC/POS.

Niels’ eigen tools

  • ReceiptPrinterEncoder → Open source library die ESC/POS of StarPRNT-commando’s genereert.

  • Ondersteunt: tekst, stijlen, tabellen, barcodes, QR-codes, afbeeldingen.

  • Combineert eerdere tools: EscPosEncoder en StarPrntEncoder.

Printen via de browser

  • WebUSB: voor direct verbinden via USB. (Beperkt op Windows.)

  • WebSerial: voor seriële verbindingen of virtuele COM-poorten.

  • WebBluetooth: voor BLE-apparaten (beperkt inzetbaar).

  • Alleen mogelijk in Chromium-gebaseerde browsers.

  • Beveiligingsbeperkingen: netwerkprinters niet direct toegankelijk.

Server-side printoplossingen (Node.js)

  • NetworkReceiptPrinter: stuurt commando’s via netwerk.

  • SystemReceiptPrinter: gebruikt lokaal geïnstalleerde printerdrivers.

Bouwstenen voor kassasystemen

  • Project Fugu (Google): → Breidt de mogelijkheden van webapps uit met toegang tot hardware.

  • Voorbeeldproject: Salon Hub → Kassasysteem & afsprakentool gebouwd als:

    • Electron-app (desktop)

    • PWA (tablet- en mobielvriendelijk)

    • Hardwarekoppelingen via WebUSB, WebSerial, enz.

Andere randapparatuur

  • Klantendisplays: gebruiken ook ESC/POS, aanstuurbaar via WebSerial.

  • Barcodescanners: gedragen zich als toetsenbord (typen + enter).

  • QR-code ondersteuning: meestal voor URL’s, maar vaak genegeerd door kassa's.

Belangrijke inzichten

  • Bonprinters zijn complex door verschillende “talen” en verouderde protocollen.

  • Unicode is tegenwoordig standaard, maar veel printers werken nog met ASCII.

  • Dankzij tools als die van Niels hoef je niet zelf het wiel opnieuw uit te vinden.

  • De combinatie van webtechnologie + hardwaretoegang maakt het mogelijk om moderne, modulaire kassasystemen te bouwen — direct in de browser.

Nienke de Keijzer

  • Weekly Nerd

    28 Maart 2025

  • Nienke de Keijzer

  • UX designer bij GVB

  • Nederland

  • Info

    Full-time UX designer bij GVB met affiniteit voor digitale toegankelijkheid

    Teamleider & leiding van scouts 11-15 jaar bij scouting. Altijd hard aan het werk voor de toekomst van nu met een nuchtere losse blik op het leven

  • Links

  • Nienke Net

Samenvatting – Nienke de Keijzer: Thinking Outside of the Accessibility Box

Over het project

  • Nienke deed onderzoek naar de toegankelijkheid van de GVB-app als afstudeerproject aan CMD (Communicatie & Multimedia Design).

  • Haar bevinding: de app was onvoldoende bruikbaar voor mensen met een beperking.

  • Ze ontwierp een toegankelijke herontwerp van de app, gebaseerd op echte gebruikservaringen.

  • De GVB was zo onder de indruk van haar werk, dat ze haar aanbevelingen hebben overgenomen én haar in dienst namen.

Belangrijkste inzichten

  • Toegankelijkheid ≠ alleen regels volgen → Het gaat om echte bruikbaarheid voor echte mensen.

  • Gebruikers met beperkingen betrekken → Levert inzichten op die je met alleen technische audits niet ontdekt.

  • Kleine aanpassingen (zoals betere contrasten, duidelijke labels) → Kunnen een enorm verschil maken in gebruiksvriendelijkheid.

Aanbevelingen voor ontwerpers

  1. Begin met toegankelijkheid vanaf het begin → Niet als "extraatje" achteraf, maar als kern van je ontwerp.

  2. Test met diverse gebruikersgroepen → Denk aan blinde gebruikers, mensen met motorische of cognitieve beperkingen.

  3. Gebruik semantische HTML → Tags als <nav>, <button>, <main> maken je interface begrijpelijker voor assistieve technologie.

  4. Zorg voor visuele toegankelijkheid

    • Voldoende kleurcontrast.

    • Duidelijke navigatie.

    • Goed leesbare tekstgroottes (en schaalbaar).

Nils Binder

  • Guest Teacher

    10 Maart 2025

  • Nils Binder

  • Head of Web Development @9elements | Advocate for CSS & Accessibility | Co-Founder, CSS Café Meetup

  • Bochum, Noordrijn-Westfalen, Duitsland

  • Info

    As Head of Web Development at 9elements, I’m dedicated to bridging the gap between design and development. With a career that began in 1999 as a web designer, I’ve evolved through various roles—from Art Director to Lead Designer/Frontend Developer, and now, Frontend Designer—while always staying passionate about creating elegant, accessible (A11y), and user-centered digital experiences.

    I’ve worked with clients ranging from innovative startups to global corporations, bringing a focus on clean, responsive CSS and improving communication between designers and developers.

  • Links

  • CSS Cafe

Samenvatting – Nils Binder: Design for Flexibility

Over Nils Binder

  • Duitse frontend designer bij 9elements, met een achtergrond in communicatieontwerp, productontwikkeling en CSS-architectuur.

  • Combineert design thinking met wiskundige precisie, en is sterk gericht op typografie en schaalbare structuren.

Tools en werkwijze

Startte in Photoshop, maar werkt nu vooral in Figma:

  • Figma's componentensysteem en auto-layout sluiten goed aan bij CSS-concepten zoals display: flex.

  • Maakt gebruik van consistente eenheden zoals rem, %, px — herkenbaar in zowel design als code.

Technieken in CSS voor flexibele layout

  • Nieuwe CSS-tools voor schaalbaarheid:

    • Functies als min(), max(), clamp() en margin-inline vervangen rigide grids.

    • Voorbeeld:

      
  .wrapper {
  width: min(100% - 3rem, 75rem);
  margin-inline: auto;
}

  • Responsieve eenheden:

    • vw, vh, vmin, vmax: gebaseerd op het venster

    • qi, qb, qmin, qmax: gebaseerd op containers (bijv. met container queries) → Deze maken layouts aanpasbaar en schaalbaar op elk schermformaat.

  • Whitespace is waardevol → Lege ruimte is geen verspilling, maar verbetert leesbaarheid en esthetiek.

Peter Paul Koch

  • Weekly Nerd

    26 Februari 2025

  • Peter-Paul Koch

  • Consultant and browser expert, worked with Vodafone, Microsoft, Google, Akamai, Samsung, and Intel.

  • Nederland

  • Info

    Peter-Paul Koch is a freelance front-end consultant, agent, and trainer in Amsterdam, the Netherlands. He did a lot of browser compatibility research, organises the CSS Day and performance.now() conferences, and does some developer advocacy work.

    On the Web he is universally known as ppk.

    He specialises in HTML, CSS, JavaScript, browser compatibility, and talking to web developers. He’s also a technical writer.

  • Links

  • QuirksMode

Peter-Paul Koch over Web Monetization en Betalen voor het Web

Probleemstelling

  • Waarom zijn websites gratis?

    • Omdat advertenties vaak de enige bron van inkomsten zijn.

    • Dit leidt tot trackers, cookies, datalekken en overmatig gebruik van advertenties.

  • Tegenstelling:

    Iedereen praat over ads en privacyproblemen, maar niemand praat over geld geven aan websites.

Voorstel van Peter Paul Koch

  • Betaal zelf voor websites die je waardevol vindt:

    • Bijvoorbeeld 5 tot 20 cent per dag dat je een site gebruikt.

    • Maak kleine betalingen een gewoonte — als een vorm van digitale dankbaarheid.

    • Dit leidt tot betere content en een gezondere webcultuur.

  • Huidige model (ads + webshops):

    • Zet de maker niet aan tot kwaliteit, maar tot winstmaximalisatie.

    • Webdesign is ondergeschikt aan inkomsten.

Web Monetization als alternatief

    werking

    1. De browser vindt het monetization-linkje.

    2. Start automatisch een betaling via een monetization agent.

    3. De website ontvangt events zolang de gebruiker actief is.

Online betalen – de praktijk

  • Je hebt nodig:

    • Wallet (bijv. via bank of app)

    • Browser-extensie (Chrome, Firefox etc.)

    • Betalingsfrequentie (rate) → Jij bepaalt hoeveel je betaalt.

  • Probleem 1: Wallet & regelgeving

    • Banken zijn wettelijk verplicht jouw identiteit te kennen (KYC – Know Your Customer).

    • Veel beperkingen in waar en hoe je kunt betalen (vooral buiten EU).

  • Vertrouwen is de basis van digitaal geld.

Peter Paul Koch kernboodschap

  • Huidig betaalsysteem = website bepaalt bedrag.

  • Alternatief = gebruiker bepaalt zelf wat content waard is.

  • Bewustwording over geld en waarde:

    “Betaal voor wat je leest, anders lees je alleen wat de rijken willen dat je leest.”

Rosa Schuurmans

  • Weekly Nerd

    03 April 2025

  • Rosa Schuurmans

  • Freelance Digital Maker

  • Randstad

Samenvatting – Rosa (Hackers United / E-waste Enthousiast)

Over Rosa

  • Technische maker & hacker met een DIY-mentaliteit.

  • Ooit actief binnen CMD (Communicatie & Multimedia Design).

  • Richt zich op e-waste hergebruik, live performances, workshops en hacklabs.

  • Heeft de capaciteit om alles wat ze bedenkt ook daadwerkelijk zelf te bouwen.

Kernideeën en onderwerpen

  • Hacker-mindset:

    • Niet per se crimineel, maar iemand die systemen begrijpt, manipuleert en opnieuw inzet.

    • Zelf CMS bouwen, eigen servers hosten, onafhankelijk van commerciële platformen.

  • Platform-agnostisch werken: → Geen voorkeur voor specifieke systemen of merken — vrijheid in tools.

  • DIY ethos (Do It Yourself): → Zelf onderzoeken, bouwen, slopen, leren. Onafhankelijkheid als basis.

Technologie & Tools

  • Audio-hacking: → Experimenteert met audio mixers, input/output combinaties voor 'kut geluid' (= ongebruikelijke of rauwe klanken).

  • ImageMagick: → Open-source command-line tool voor beeldbewerking – als ‘Photoshop via terminal’.

  • Bash: → Terminaltaal voor automatiseren, scriptgebruik en beeldbewerking (bijv. met ImageMagick).

Educatieve benadering

  • "Keep it simple, stupid" (KISS): → Niet onnodig ingewikkeld maken.

  • "Learn by trying": → Praktijkgericht leren, door zelf dingen kapot te maken en weer op te bouwen.

  • Electronics 101: → Basiskennis elektronica en onderdelen – apparaten uit elkaar halen om ze te begrijpen.

Roel Nieskens

  • Guest Teacher

    03 Maart 2025

  • Roel Nieskens

  • Amsterdam Area

Samenvatting – Roel Nieskens: Typography & Web Fonts

  • Wat is een font eigenlijk?

    • Font = het digitale bestand dat vertelt hoe letters eruitzien.

    • Typeface = het ontwerp van een set letters (bijv. Helvetica). → Een typeface kan dus meerdere font-bestanden hebben (bold, italic, etc.).

Typografische basisbegrippen

  • Glyphs

    • Een glyph is de visuele vorm van een karakter.

    • Eén karakter (zoals “A”) kan meerdere glyphs hebben (bijv. normaal, cursief).

  • Ligatures

    • Samengevoegde tekens (zoals “fi”, “fl”, “æ”).

    • Verbeteren de visuele samenhang in tekst.

    • Discretionary ligatures: meer voor stijl dan leesbaarheid.

  • Kerning

    • Afstand tussen specifieke letterparen.

    • Verbetert leesbaarheid en visuele balans.

OpenType Features (de “magic”)

    Fonts kunnen ingebouwde functies bevatten zoals:

  • Fractions: ½ i.p.v. 1/2

  • Stylistic Sets: alternatieve glyphs voor stijl

  • Access All Alternates: handmatig glyphs kiezen

  • Tabular Figures: cijfers met gelijke breedte (voor tabellen)

  • Oldstyle Figures: cijfers met variabele hoogte, vloeien mee in tekst

  • Small Caps / Superscript / Subscript: ingebouwde stijlen

Sierlijke elementen ("swoopy stuff")

  • Zwierige decoraties zoals swashes aan hoofdletters.

  • Mooi voor titels, handtekeningen of expressieve tekst.

OpenType & Web

  • OpenType = modern fontformaat dat al deze functies ondersteunt.

  • Breed ondersteund in moderne browsers.

  • Geeft ontwerpers veel meer controle over typografie online.

Variable Fonts

  • Eén fontbestand met instelbare eigenschappen:

    • Gewicht (dun ↔ dik)

    • Breedte

    • Cursiefheid

  • Voordelen:

    • Sneller laden (één bestand)

    • Meer precisie en creativiteit

    • Geschikt voor responsief design