Een redactioneel platform waar front-end design niet als trend wordt behandeld, maar als ambacht met eigen regels, spanning en nuance.
Elke bijdrage wordt geselecteerd op helderheid, technische diepgang en relevantie voor wie serieus met het vak bezig is. Geen snelle tips, wel eerlijke analyse van wat werkt en waarom.
De toon is direct, de standaard hoog. Wat hier verschijnt, heeft een reden om er te staan.
Elk artikel benoemt beperkingen naast mogelijkheden. Browserondersteuning, prestatiekosten en onderhoudslast worden niet weggelaten als ze ongemakkelijk zijn.
Abstracte principes worden altijd vertaald naar werkende code, meetbare uitkomsten of specifieke ontwerpbeslissingen die je direct kunt toetsen.
Er verschijnt minder dan wat er aangeboden wordt. Onderwerpen worden geweigerd als ze geen nieuwe invalshoek toevoegen aan wat al beschikbaar is.
De teksten gaan ervan uit dat je de basisconcepten kent. Uitleg begint op het niveau waar het interessant wordt, niet bij het begin van elk onderwerp.
De meest recent gepubliceerde stukken, geselecteerd op redactionele waarde - niet op populariteit of publicatiedatum alleen.
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.
Lees artikel
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.
Lees artikel
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.
Lees meer
Na 6 maanden tutorials kon ik JavaScript uitleggen maar niet toepassen. Dit zijn de tools en methodes die dat veranderden.
Lees meer
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.
Lees meerNiet elk goed artikel trekt vanzelf lezers. Deze drie verdienen een tweede kans - elk om een andere reden.
De meeste vergelijkingen stoppen bij de syntaxis. Dit stuk gaat in op de layoutproblemen die ontstaan als je Grid gebruikt voor enkeldimensionale structuren, en wat dat kost in onderhoudstijd bij grotere codebases.
Het verdient meer aandacht omdat het een keuze bespreekt die dagelijks gemaakt wordt, maar zelden goed onderbouwd.
Kleur als enige manier om prioriteit aan te geven werkt niet voor iedereen. Dit artikel werkt door hoe grootte, gewicht, witruimte en positie samen een leesbare hiërarchie opbouwen - ook in grijswaarden.
Toegankelijkheid en esthetiek worden hier niet als tegenpolen behandeld, wat het artikel onderscheidt van de meeste introductieteksten over dit onderwerp.
GPU-acceleratie en will-change worden vaak als standaardadvies gegeven. Dit stuk laat zien in welke gevallen dat advies de paginaprestaties verslechtert en hoe je dat meet voordat je aanpassingen doorvoert.
De specifieke meetaanpak maakt dit artikel praktisch bruikbaar, niet alleen theoretisch interessant.
De nieuwsbrief verschijnt om de veertien dagen. Geen dagelijkse stroom, geen samenvatting van wat toch al trending was. Twee of drie stukken die de moeite waard zijn om rustig te lezen.
Afmelden kan op elk moment via de link in de e-mail. Geen verborgen voorwaarden.
Het materiaal is geordend in zes richtingen. Elke rubriek heeft een eigen focus en een eigen toon.
Grid, Flexbox, containerqueries en de beslissingen die bepalen hoe een interface zich gedraagt bij verschillende schermformaten en contenthoeveelheden.
Bekijk rubriekVariabele fonts, optische uitlijning, leesbaarheid op scherm en de technische kant van tekstweergave - van font-loading tot line-height in complexe layouts.
Bekijk rubriekCSS-animaties, Web Animations API, scroll-gedreven effecten en de grens tussen wat visueel werkt en wat de gebruiker vertraagt of afleidt.
Bekijk rubriekARIA, toetsenbordnavigatie, kleurcontrast en de praktische vertaling van WCAG-richtlijnen naar code die daadwerkelijk werkt voor alle gebruikers.
Bekijk rubriekDesign tokens, kleurruimten in CSS, donkere modus en de manier waarop kleurlogica schaalbaar blijft in grotere projecten met meerdere thema's.
Bekijk rubriekLaadtijden, critical rendering path, bundlers en de afwegingen die gemaakt worden als snelheid en onderhoudbaarheid niet in dezelfde richting wijzen.
Bekijk rubriekFront-end design raakt aan meerdere vakgebieden. Wat hier ook aan bod komt, sluit direct aan op de hoofdlijn.
Hoe de keuze van woorden, labels en foutmeldingen de bruikbaarheid van een interface bepaalt - en waarom dat een front-end verantwoordelijkheid is.
Componentbibliotheken, tokens en de organisatorische kant van het bouwen aan een gedeeld visueel systeem binnen teams van verschillende grootte.
Welke CSS-eigenschappen veilig zijn om te gebruiken, hoe je progressive enhancement toepast zonder twee versies van dezelfde interface te onderhouden.
Validatie, foutafhandeling en de details van invoervelden die bepalen of een gebruiker een formulier afrondt of halverwege stopt.
Drie artikelen die los van elkaar leesbaar zijn, maar meer opleveren als je ze in volgorde leest. Ze bouwen op hetzelfde probleem vanuit drie verschillende invalshoeken.
Startpunt van de reeks. Hoe grootte, gewicht en witruimte samenwerken om een leesbare structuur te maken die niet afhankelijk is van kleur als enige signaal. Inclusief concrete voorbeelden met voor- en na-vergelijkingen.
Lees dit eerstVervolg op het eerste deel. Kleur werkt het best als de structuur al zonder kleur leesbaar is. Dit artikel werkt uit hoe je kleur toevoegt als versterking, niet als fundament - met aandacht voor de technische implementatie in CSS.
Lees als tweedeSluitstuk van de reeks. Hoe je met alleen een toetsenbord en een grijswaardenfilter de meeste toegankelijkheidsproblemen in een interface vindt - zonder gespecialiseerde software of uitgebreide testopstelling.
Lees als derde
