Det renner ikke over av de store nyhetene i årets først måned. Det er jo forstålig all den tid utviklere verden over har vært opptatt med å spise, drikke og hilse på nissen 🎅
Likevel dukket det opp noe snacks, spesielt på tampen av måneden 🗓️ I tillegg har jeg bakt inn noen tanker rundt hva AI vil kunne bety for Universell Utforming.
Tailwind 4.0 har blitt lansert!
Tailwind er et CSS-rammeverk som både har sterke tilhengere og sterke motstandere. Personlig er jeg en stor fan, og versjon 4.0 er en big deal. Tailwind har nemlig blitt bygget helt fra bunnen av for å gi oss en raskere og mer effektiv utviklingsopplevelse. Her er noen av de største nyhetene:
• 🚀 Ny motor for økt hastighet: Tailwind CSS 4.0 introduserer Oxide, en ny motor skrevet i Rust, som gir betydelig raskere byggeprosesser og forbedret ytelse. 
• 🎨 Forenklet oppsett: Nå trenger du bare én linje med CSS for å komme i gang: @import "tailwindcss";. Ingen flere @tailwind-direktiver eller kompliserte konfigurasjoner. 
• ⚡ Førsteparts Vite-plugin: For Vite-brukere er det nå en offisiell plugin som gir enda bedre ytelse og enklere integrasjon. 
• 🌈 Utvidet støtte for gradienter: Nye verktøy for radial- og koniske gradienter, som gir deg mer kreativ frihet til å lage komplekse bakgrunner. 
• 🛠️ Nye varianter og utiliteter: Inkluderer støtte for color-scheme, field-sizing, komplekse skygger, inert (utility-klasse med not-*) og mer, noe som gir deg langt flere verktøy i designverktøykassen. 
Ivrig på å teste ut den nye versjonen? Slik tar du i bruk Tailwind CSS 4.0:
• Nye prosjekter: For å komme i gang med et nytt prosjekt, installer Tailwind CSS 4.0 ved å følge den oppdaterte dokumentasjonen på https://tailwindcss.com/docs/installation.
• Migrering av eksisterende prosjekter: For å oppgradere et eksisterende prosjekt til Tailwind CSS 4.0, følg den detaljerte oppgraderingsguiden på https://tailwindcss.com/docs/upgrade-guide.
Du kan lese mer om oppdateringen på Tailwind sin blogg
Tremor Blocks blir gratis
Vercel har nylig kjøpt opp Tremor, et åpen kildekode-bibliotek bygget på React, Tailwind CSS og Radix. Tremor tilbyr over 35 unike komponenter og 300 blokker som kan kopieres og limes inn for å lage visuelt rike og interaktive dashbord.
Tremor Blocks er en samling av forhåndsbygde maler og komponenter som gjør det superenkelt å sette sammen dashbord og datavisualiseringer. Enten du trenger grafer, tabeller eller komplette dashbordoppsett.
Nå eier allerede Vercel det godt omtalte komponentbiblioteket Shadcn, så hvorfor trenger de et bibliotek til som gjør mye av det samme? En av årsakene er visstnok at de skal bruke Tremor til videre trening av v0-produktet sitt. Med det som utgangspunkt kan vi ta en flytende overgang til neste punkt på listen.
Kunstig intelligens i frontend-utvikling med v0 fra Vercel
Vercel v0 ble lansert tilbake i oktober 2023 med ganske stor interesse. Mer enn 100 000 brukere registrerte seg på ventelisten i løpet av tre uker. Siden den gang har tjenesten blitt hyppig forbedret og videreutviklet. Målet er i korte trekk å forenkle webutvikling ved å generere UI basert på tekstbeskriveler. Hos kunder har jeg sett prosjektledere uten teknisk kompetanse bruke løsningen for å enklere kommunisere med utviklere hva de ser for seg at løsninger kan være. Produktet er optimalisert for React og Tailwind, men kan håndtere andre rammeverk hvis du eksplisitt spør om det.
Jeg testet ut v0 da det først ble lansert, og tenkte den gang at det var stilig, men mer en gimmick enn et produkt jeg faktisk kan lene meg på.
I januar var jeg med i et møte med Vercel som omhandlet nettopp v0. Produktet har helt klart blitt bedre og kraftigere siden lanseringen, men i bunn og grunn sitter jeg igjen med samme følelse som jeg gjorde den gang. I løpet av møtet virket det også som at v0 i hovedsak er et trekkplaster for å dra kunder inn til Vercel sine hosting- og infrastukturløsninger.
Hvis du er mer nysgjerrig på hva v0-teamet sysler med så kan du lese deres nyeste oppdatering på bloggen deres.
Replit vs Figma
Replit og Figma er ikke samme type verktøy. Likevel har det dukket det opp snakk om at flere bedrifter av ganske alright størrelse (på amerikansk skala) har begynt å erstatte Figma-bruken sin med Replit. På den måten kan de droppe steget med å skissere løsningsforslag og gå rett til implementasjon i stedet.
Jeg har selv brukt Figma for å skissere opp forslag når jeg har laget nettsider både for meg selv og mindre kunder. Det er ikke tvil om at det er tidskrevende.
At Replit skal være såpass smooth at man kan hoppe over dedikerte skisseringsverktøy har jeg mine tvil om, men jeg har i alle fall notert meg å teste ut Replit sin gratis-versjon for å se om det ligger noe i det.
Inkluderende design, UU og WCAG i en tid hvor AI står for mer av programmeringen
Forrige måned skrev jeg om hvordan du kan sette opp Cursor for å bli ekstra nyttig.
Utviklere jobber dessverre til tider med korte tidsfrister, og for å komme seg gjennom en voksende backlog så tar man i blant snarveier eller glemmer gjøremål.
De som kan kjenne mest på effekten av dette er nok folk med funksjonsnedsettelser. Selv om bransjen har tatt store steg de siste årene og mantraer som ‘inkluderende design er bra design’ har fått fotfeste, så ser vi at WCAG ofte ikke blir oppfylt.
Et problem med AI er at den trenes på hva vi mennesker har gjort tidligere.
Når vi ser at kun 55% av bildene på internett har noe så enkelt som alt-tekst, så kan vi jo tenke oss hvor mange modaler og dropdowns som er vanskelig å navigere om man har funksjonsnedsettelser. Et problem med AI er at den trenes på hva vi mennesker har gjort tidligere.
Jeg gjetter på at AI i dagens tilstand er omtrent like dårlig som oss utviklere på å legge til UU-tilpasninger. Det betyr i så fall at det i alle fall ikke blir dårligere. Smartingene som lager AI-modellene kan samtidig justere for at de nye verktøyene skal være ekstra obs på universell utforming.
I stedet for å vente på at modellene potensielt blir ekstra oppmerksom på UU, så kan vi også gjøre et enkelt tiltak. For eksempel i Cursor så kan du gi en beskjed i konfigurasjonen om at den skal ta ekstra hensyn til punkter som du selv definerer. Her kan vi legge til en setning om å følge WGAC, også har vi plutselig gjort internett til et bittelitt mer inkluderende sted.
Det var alt jeg hadde for årets første måned. Nå kan vi snart se vår og sollys i horisonten 🌤️