Savourdeals - Front-end Design
Redactionele stukken over front-end design: van CSS-architectuur tot toegankelijkheid en visuele systemen die werken in de praktijk.
Front-end Design
Waarom de juiste hulpmiddelen pas helpen als je weet waar je vastloopt
Je hebt tutorials gevolgd, CodePen geopend en toch werkte het niet. Dit zijn de tools die ik pas ontdekte nadat ik 3 keer opnieuw begon.
Front-end Design
Van steeds opnieuw beginnen naar een werkende aanpak
Media queries leken simpel totdat je ze echt nodig had. Dit zijn de resources die me verder brachten dan de basis, zonder dat ik opnieuw van nul begon.
Front-end Design
Hoe 2 ontwerpbeslissingen mijn projecten er meteen beter uit lieten zien
Mijn eerste website zag er rommelig uit en ik wist niet waarom. Achteraf lag het aan 2 dingen die ik nooit serieus had bestudeerd: kleur en lettertype-keuze.
Front-end Design
Van kennis zonder toepassing naar iets dat daadwerkelijk werkt
Na 6 maanden tutorials kon ik JavaScript uitleggen maar niet toepassen. Dit zijn de tools en methodes die dat veranderden.
Front-end Design
Hoe ik stopte met dezelfde beslissingen steeds opnieuw nemen
Ik dacht dat design systemen alleen voor grote teams waren. Totdat ik merkte dat ik in elk project dezelfde beslissingen opnieuw nam en steeds andere resultaten kreeg.
De front-end wereld verandert snel. Nieuwe CSS-specificaties, toegankelijkheidsnormen en browser-updates bepalen hoe interfaces worden gebouwd. Savourdeals volgt deze ontwikkelingen en brengt ze samen in leesbare, praktijkgerichte artikelen.
Elk artikel is geschreven vanuit directe ervaring met tools zoals Figma, CSS Grid, WCAG 2.2 en design tokens - geen abstracte theorie, maar concrete observaties uit het veld.
Component-gebaseerde stijlen zijn makkelijker te onderhouden in grote codebases - wijzigingen blijven lokaal en voorspelbaar.
CSS custom properties maken theming mogelijk zonder JavaScript - één variabele aanpassen werkt door in het hele ontwerp.
Utility-first frameworks zoals Tailwind versnellen prototyping aanzienlijk, zeker bij teams die al bekend zijn met de naamgeving.
Specificiteitsproblemen ontstaan snel wanneer meerdere methodieken door elkaar worden gebruikt zonder duidelijke afspraken.
Utility-klassen in HTML maken het moeilijker om stijllogica te begrijpen zonder de volledige context van het component te kennen.
Ongebruikte CSS-regels hopen zich op in grotere projecten - zonder een purge-stap groeit de bestandsgrootte onnodig.
Elk stuk begint met een concreet probleem, niet met een onderwerp.
De redactie van Savourdeals werkt vanuit vragen die front-end designers en developers dagelijks tegenkomen: wanneer gebruik je CSS Grid versus Flexbox, hoe zet je een design token systeem op, wat betekent WCAG 2.2 voor bestaande interfaces?
Artikelen worden geschreven door mensen die actief in het vakgebied werken. Technische claims worden getest in echte browsers - Chrome, Firefox, Safari - voor publicatie. Dat maakt de inhoud bruikbaar, niet alleen leesbaar.
CSS Grid, Flexbox en container queries vormen de ruggengraat van moderne interfaces. Artikelen in dit thema gaan in op concrete lay-outproblemen: uitlijning, responsief gedrag en de keuze tussen methoden per situatie.
WCAG-richtlijnen zijn geen checklist maar een manier van denken. Dit thema behandelt kleurcontrast, toetsenbordnavigatie, ARIA-labels en hoe je toegankelijkheid inbouwt tijdens het ontwerp, niet achteraf.
Tokens, componenten en documentatie bepalen hoe consistent een interface aanvoelt over tijd. Artikelen hier richten zich op het opzetten van systemen die schalen zonder dat ze rigide worden voor de mensen die ermee werken.