Googlen web-opas on kuin kokeneen kehittäjän puhelinlinja

Se ongelma, josta kukaan ei puhu

AI-työkalut koodaamiseen ovat älykkäitä, mutta niillä on yksi ikuinen heikkous: ne tietävät asioita, jotka ovat jo ohitettuja. Uusi CSS-ominaisuus julkaistaan tänään, mallin koulutusdata päättyi kolme kuukautta sitten, ja siihen väliin jää tilaa vanhentuneelle syntaksille, puuttuville fallback-ratkaisuille ja saavutettavuusmokille, joiden kanssa painitaan keskellä yötä.

Googlen Modern Web Guidance on heidän vastauksensa tähän ongelmaan. Kyseessä on ikään kuin kuratoitu sääntökirja, johon AI voi tarvittaessa katsoa. Kyse ei ole mallin päivityksestä — kyse on rakenteellisesta tiedosta, joka istuu mallin rinnalla ja auttaa päätöksenteossa.

Mitä se oikeasti sisältää?

Ohjeistus kattaa koko front-endin peruspaletin, mutta sen todellinen voima piilee yksityiskohdissa, jotka erottavat harrastelijakoodin ammattimaisesta jäljestä.

Saavutettavuus automaattisesti. Dokumentaatio käskee AI:ta kunnioittamaan prefers-reduced-motion-asetusta, hallitsemaan ARIA-attribuutteja oikein ja huomioimaan overlay-elementit animaatioissa. Nämä eivät ole vaihtoehtoisia vinkkejä — ne on merkitty PAKOLLISIKSI. Tällainen pakottavuus oikeasti vie saavutettavuutta eteenpäin.

Modernit CSS-siirtymät ja animaatiot. Jos käytät uudempaa CSS-ominaisuutta, jolle ei ole vielä täyttä selaintukea? Ohjeistus sisältää strategiat sellaiselle tilanteelle. Työstätkö @starting-style-elementtiä sisäänmenoanimaatioihin? Ohjeistus tietää, minne ne sijoitetaan kaskadoinnin kannalta, ja varoittaa erikseen käyttämästä niitä uloshengitysanimaatioissa (vihje: se hoituu perustilan siirtymällä).

Ne asiat, jotka unohtuvat kiireen keskellä. Rehellisesti sanottuna: kun sprintataan ominaisuutta ulos, on helppo ohittaa reduced motion -asetus, unohtaa focus-tila tai jättää huomiotta elementit, jotka menevät top layeriin. Ohjeistus kohtelee näitä pakollisina vaatimuksina, ei nice-to-have-lisäyksinä.

Miksi tämä merkitsee tiimillesi

Jos rakennat AI-avusteisesti — ja realistisesti, useimmat meistä tekevät niin — tämänkaltainen rakenteellinen ohjeistus on mullistava. Kyse ei ole siitä, että AI olisi älykkäämpi. Kyse on siitä, että sille annetaan instituutionaalinen tietämys, joka normaalisti asuu seniori-kehittäjien päässä.

Me NameOceanilla olemme olleet innoissamme vibe codingista ja AI-avusteisista työnkulkuista. Modern Web Guidance:n kaltaiset työkalut edustavat seuraavaa kehitysaskelta: AI:ta, joka ei vain generoi koodia, vaan generoi vastuullista koodia. Koodia, joka hoitaa edge case -tilanteet, kunnioittaa käyttäjien asetuksia ja toimii saavutettavuusstandardien mukaisesti alusta alkaen.

Realiteettitarkistus

Muutamia tärkeitä varoituksia: tämä ei ole magia. Tarvitset edelleen kehittäjiä, jotka ymmärtävät, mitä AI tuottaa. Ohjeistus tiivistää sen itse parhaiten — "Sinun tulisi tietää, mitä olet tekemässä." Nämä ovat turvakaiteita, eivät korvaavia asiantuntijoita.

Ajattele sitä oikolukuna arkkitehtuuripäätöksillesi. Se nappaa ilmeiset virheet, valvoo parhaita käytäntöjä ja muistuttaa asioista, jotka unohtuvat vauhdin keskellä. Mutta se ei kirjoita liiketoimintalogiikkaasi, eikä ymmärrä erityistä käyttötapaustasi samalla tavalla kuin ihminen.

Mistä sen löytää

Modern Web Guidance -tiedostot elävät GitHubissa Markdown-dokumentteina, jotka mikä tahansa AI-agentti voi lukea ja viitata niihin. Jos rakennat AI-avusteisia kehitystyönkulkuja tiimiisi, tämän pitäisi olla osa vakiotyökalujasi.

Web-alusta liikkuu nopeasti. Nämä työkalut auttavat meitä pysymään mukana.