Het Probleem Waar Niemand Het Over Heeft

Iets over AI-codeerassistenten: ze zijn ontzettend slim, maar ze lopen altijd een beetje achter. De nieuwste CSS-functie verschijnt vandaag, het model is drie maanden geleden getraind, en ergens in die kloof zit een mijnenveld van verouderde syntaxis, ontbrekende fallbacks en toegankelijkheidsfouten waar je om 2 uur 's nachts mee bezig bent.

Googles nieuwe Modern Web Guidance is hun antwoord op die gaping. Stel het voor als een verzameld naslagwerk waar AI-agenten uit kunnen putten bij het schrijven van je code. Het is geen model-upgrade — het is gestructureerde kennis die naast het model staat en realtime beslissingen kan informeren.

Wat Er Eigenlijk In Zit

De guidance behandelt de volledige front-end stack, maar waar het echt in uitblinkt zijn de kleine details die amateurcode scheiden van professioneel werk.

Toegankelijkheid als standaard. De documentatie zegt expliciet dat AI rekening moet houden met prefers-reduced-motion, juiste ARIA-attributen moet gebruiken en overlay-elementen in animaties moet meenemen. Dit zijn geen optionele suggesties — ze zijn gemarkeerd als VERPLICHT. Zo'n handhaving is wat webtoegankelijkheid daadwerkelijk verbetert.

Moderne CSS-transities en animaties. Werk je met een nieuwe CSS-functie die nog niet overal werkt? De guidance bevat fallback-strategieën. Bezig met @starting-style voor entry-animaties? Dan weet het waar die blokken thuishoren voor correcte cascading en waarschuwt het expliciet tegen gebruik voor exit-animaties (hint: dat wordt afgehandeld door de basestate transitie).

Het spul dat we vergeten onder druk. Laten we eerlijk zijn — als je probeert een feature te shippen, is het makkelijk om de reduced motion-voorkeur over te slaan, een focus state te missen of te vergeten dat elementen in de top layer terechtkomen. De guidance behandelt dit als non-negotiable requirements, niet als nice-to-haves.

Waarom Dit Belangrijk Is Voor Je Team

Als je bouwt met AI-gestuurde ontwikkeling — en laten we realistisch zijn, de meesten van ons doen dat nu — dan is dit soort gestructureerde guidance baanbrekend. Het gaat er niet om dat de AI slimmer wordt; het gaat erom dat je het de institutionele kennis geeft die meestal alleen in de hoofden van je senior developers zit.

Bij NameOcean zijn we al een tijdje enthousiast over vibe coding en AI-gestuurde workflows. Tools als Modern Web Guidance vertegenwoordigen de volgende evolutie: AI dat niet alleen code genereert, maar verantwoorde code genereert. Code die randgevallen afhandelt, gebruikersvoorkeuren respecteert en standaard goed omgaat met toegankelijkheidsstandaarden.

De Realiteitscheck

Een paar belangrijke kanttekeningen: dit is geen magie. Je hebt nog steeds developers nodig die begrijpen wat de AI produceert. De guidance zelf zegt het het beste — "Je zou moeten weten wat je doet." Dit zijn guardrails, geen vervanging voor expertise.

Denk eraan als spell-check voor je architectuurbeslissingen. Het vangt de voor de hand liggende fouten, dwingt best practices af en herinnert je aan de dingen die door de mazen glippen wanneer je snel werkt. Maar het zal je bedrijfslogica niet schrijven, en het zal je specifieke use case niet begrijpen zoals een menselijke developer dat doet.

Waar Je Het Vindt

De Modern Web Guidance-bestanden staan op GitHub als een verzameling Markdown-documenten die elke AI-agent kan lezen en raadplegen. Als je AI-gestuurde ontwikkelingsworkflows in je team integreert, zou dit deel moeten zijn van je standaard tooling stack.

Het web beweegt snel. Deze tools helpen ons om bij te blijven.

Wat denk jij over AI-gestuurde codeerbegeleiding? Laat je gedachten achter in de reacties — we zijn hier allemaal aan het uitzoeken.