4 CSS-nyheter du bør bruke i 2026

Dette var uken for kulde 🥶, tog 🚂 og trær 🌲 – og 928 ting skjedde i frontend-verdenen.

CSS du må kunne i 2026 🧙

Adam Argyle skrev forrige uke en artikkel om 4 features i CSS alle frontend-utviklere burde kunne i 2026.

• sibling-index() og sibling_count() lar deg bruke et elements posisjon relativt til sine søsken i utregninger. sibling-index() returnerer et heltall som representerer posisjonen til det nåværende objektet i DOM-treet relativt til sine søsken, og sibling_count() returnerer det totale antall søsken (direkte barn av samme forelder).
• @container scroll-state() lar seg bruke scroll-state(stuck), scroll-state(snapped), scroll-state(scrollable) og scroll-state(scrolled) for å enklere style ulike tilstander relatert til scrolling.
• Rendering av fonter på nettsider inkluderer luft over og under bokstaver, men noen ganger ønsker man å tilpasse denne luften over og under bokstavene mer detaljert. text-box lar deg "trimme" space over og under bokstavene.
• Det finnes en avansert versjon av attr() som er typesikker og mer kraftfull, og tillatter å bruke HTML-attributter direkte i CSS.

Debatt om Tailwind-feature 👀

Forrige uke brøt det ut en større debatt på en PR som skulle gjøre det enklere for store språkmodeller å lese dokumentasjon i Tailwind. PR-en ble avslått av Tailwind-grunnlegger Adam Wathan og dette førte til en lengre diskusjon. 

Tailwind har blant annet nylig måttet kutte 75% av sitt ingeniørteam grunnet innvirkningen AI har hatt på deres forretning. Du kan lese hva han skrev som kommentar da han lukket PR-en og resten av diskusjonen her.

Tailwind CSS sparker utviklere, skylder på KI

Aldri blitt mer brukt, men brukerne er KI: Omsetningen er ned 80 prosent, og nå forsvinner 75 prosent av utviklerne. Filip Johansen frykter flere slike eksempler.

«Have more important things to do like figure out how to make enough money for the business to be sustainable right now. And making it easier for LLMs to read our docs just means less traffic to our docs which means less people learning about our paid products and the business being even less sustainable.

Just don't have time to work on things that don't help us pay the bills right now, sorry. We may add this one day but closing for now.»

– Adam Wathan

Throttling av spesifikke forespørsler 🐌

Nå er det mulig å "throttle" individuelle forespørsler i nettleseren ved hjelp av Chrome DevTools. 

Mange utviklere, meg selv inkludert, bruker ofte throttling-funksjonen i Chrome DevTools for å simulere tregere nettverk. Tidligere har det kun vært mulig å "throttle" hele sider, for eksempel ved å velge "Slow 4G", noe som fører til at alle forespørslene på siden blir tregere. 

Nå har det kommet støtte for å "throttle" spesifikke forespørsler, slik at man enklere kan teste hvordan en nettside håndterer utfordringer når spesifikke ressurser, som for eksempel et bilde, laster tregt mens resten av siden er rask. Du kan se et eksempel her 👇.

React conf oppsummering ⚛

React Conf 2025 ble ikke arrangert i forrige uke, men nå er opptakene av alle innleggene publisert. 

Hvis du er interessert i dette kan du se mer her.

MCP-apper direkte i VS Code 😳

VS Code er i ferd med å legge til støtte for at man skal kunne vise MCP-apper direkte i Copilot 🤯. 

Ido Salomon leker med tanken om å eksperimentere med StoryBook eller Figma inline i VS Code, så dette blir det spennende å se hvordan utvikler seg videre.

Det var alt for denne gang, ha en fin uke 👋

Nå skal MCP-servere levere bruker­grensesnitt

Hva er MCP Apps? Trenger vi :closed? Hvordan får vi responsivt mellomrom mellom bokstaver? Og hva er VS Code Private Marketplace? ForrigeUke svarer!