Legge inn CanIUse-tabeller i ditt nettsted med dette verktøyet

Hver utvikler burde vite om CanIUse . Det er en fantastisk ressurs som katalogiserer alle de nyeste HTML-, CSS- og JavaScript-spesifikasjonene som de er vedtatt av W3C. Det forklarer også hvilke nettlesere som støtter disse funksjonene, for å hjelpe deg med å bestemme om de er verdt å bruke.

Nå, nå kan du legge inn data direkte fra CanIUS-nettsiden med dette uoffisielle embedverktøyet .

Det er helt gratis og fungerer veldig bra. Det er langt den beste måten å inkludere alle støttedata for de 10 største nettleserne av alt du liker.

Alle CSS3-attributter, selectors og setninger støttes. Det samme gjelder for HTML5-elementer og JavaScript-funksjoner som lyd-API .

Alt er trukket rett fra CaniUse-nettsiden, så det er robust og utrolig nøyaktig. Bare vær sikker på at du oppdaterer innebygningskoden for å trekke den nyeste kilden. Disse innebygde funksjonene inkluderer alternativer for ekstern linking og global prosentvis data for hver nettleser.

Det eneste du trenger for å komme i gang er dette skriptet som du kan laste ned lokalt eller legge til nettstedet ditt fra den CDN-lenken. Derfra kan du generere en egendefinert innebygningskode ved å velge hvilken funksjon du målretter mot og hvor mange nettleser du vil ha.

Jeg har sett disse CanIUse-tabellene lagt til dusinvis av webdesign og utviklingsblogger rundt på nettet. De er uvurderlige for opplæringsprogrammer, og de kan hjelpe utviklere til å gjøre et tilfelle for å bruke bestemte funksjoner i prosjektene sine.

Jeg setter stor pris på dette embedverktøyet for detaljert verdi og kvalitet på håndverk. Akkurat som CanIUse-websiden selv, er det også fantastisk og en av de beste ressursene for enhver webutvikler.

Og hvis du er en bruker av Webkomponenter, sjekk ut CanIse-embed-komponenten som kan spare deg for en god mengde kode.

Bare vær oppmerksom på at dette nettstedet er en uoffisiell ressurs, noe som betyr at den ikke er offisielt godkjent av CaniUse-teamet. Men kvaliteten er så høy at jeg vil garantere at den kommer til å være i lang tid.

For å lære mer, sjekk ut embed prosjektet nettstedet eller tweet skaperen Ire Aderinokun på hennes Twitter konto @ireaderinokun.