Interop 2025 skal gjøre ulike nettlesere mer samkjørte 🌐
Interop-prosjektet er et samarbeid mellom de største nettleserleverandørene – inkludert Google (Chrome), Mozilla (Firefox), Apple (Safari) og Microsoft (Edge) – samt standardiseringsorganer som The Web Platform Tests. Målet med Interop er å forbedre kompatibiliteten mellom nettlesere ved å identifisere og løse forskjeller i hvordan de tolker og implementerer webstandarder.
Hvert år velger Interop-prosjektet spesifikke fokusområder der det er behov for forbedringer, som CSS-funksjoner, JavaScript-API-er og ytelsesoptimaliseringer. Ved å samarbeide om disse utfordringene, sikrer de at utviklere kan skrive én kodebase som fungerer likt i alle moderne nettlesere, uten å måtte bruke tid på nettleserspesifikke tilpasninger.
Kort sagt: Interop gjør webutvikling enklere og mer forutsigbart ved å eliminere frustrerende forskjeller mellom nettlesere! 🚀
Interop-prosjektet er nå altså tilbake med 2025-utgaven, med fokus på 19 nøkkelområder for å forbedre kryss-nettleser kompatibilitet. Noen høydepunkter inkluderer:
- 📌 CSS Anchor Positioning – Skap mer dynamiske oppsett.
- 📈 Core Web Vitals – Prioriterer brukeropplevelsesmetrikker.
- 🎬 View Transition API – Flytende overganger mellom UI-tilstander.
Disse innsatsene har som mål å gjøre livene til utviklere mer sømløse, og sikre at applikasjonene kjører feilfritt på tvers av alle nettlesere. Der har vi jo fortsatt en vei å gå. Personlig bruker jeg Safari fordi det er nettleseren jeg opplever mest problemer med. Tanken er at hvis det virker i Safari, så er sjansen stor for at det også gjør det andre steder.
Alt arbeid som gjøres for at applikasjonene våre skal fungere likt på tvers av nettlesere sette stor pris på. 🥂 Skål for en mer enhetlig webopplevelse!
Les mer på Frontend Focus.
Fra design til kode med GitHub Copilot 🎨 ➡️ 💻
Tenk deg å kunne forvandle designmockups direkte til kode! GitHub Copilot har introdusert en funksjon som gjør nettopp det. Ved å analysere designinnspill genererer Copilot tilsvarende kodesnutter, noe som akselererer utviklingsprosessen og bygger bro mellom designere og utviklere. Eventuelt erstatter oss frontend-utviklere. Neida. Joda. Kanskje.
Dette er forsåvidt en funksjon Cursor har hatt en stund, og jeg blir stadig overrasket over hvor bra det fungerer. Det er spesielt nyttig som en første iterasjon av et nytt design, men jeg må som regel trå til for å få de siste detlajene til å sitte skikkelig. Vi blir altså ikke arbeidsledig helt enda.
Nysgjerrig på å sjekke ut Cursor? Da har jeg skrevet en artikkel om hvordan du kan konfigurere editoren til å bli enda nyttigere
Du kan lese mer om hvordan GitHub Copilot sin design-til-kode-funksjonalitet fungerer på Web Designer Depot
Forbedret CSS ‘attr()‘-funksjon: Styling med mindre JS 🎨
CSS ‘attr()‘-funksjonen har fått en betydelig oppgradering og støtter nå ulike datatyper. Denne forbedringen tillater mer dynamisk og fleksibel styling basert på attributtverdier, og åpner opp for nye muligheter for kreative design og responsive grensesnitt.
I stedet for å bare benytte attr() sammen med content, så kan den nå brukes til å spesifisere hvilke som helst verdi. Dermed kan vi for eksempel skrive:
[data-bg] {
background-color: attr(data-bg type(<color>));
}
Deretter bruke attributten i komponenten vår slik:
<div data-bg="blue"></div>
At vi kan belage oss mer på CSS uten å dra inn Javascript for å håndtere styling synes jeg er skikkelig deilig! 🙏
Sjekk ut detaljene på Fully Stacked.
Josh Comeau annonserer nytt kurs 🤩
Josh er etterhvert en velkjent skikkelse i frontend-verden. Han har tidligere laget kursene CSS for Javascript Developers og The Joy of React. Spesielt førstnevnte er det beste kurset jeg noen gang har tatt og økte kunnskapen min rundt hvordan CSS med ganske mange hakk.
Denne gangen er det animasjoner som står i sentrum når Josh nå har annonsert sitt nye kurs Whimsical Animation. Han sikter på at en tidlig versjon av kurset skal lanseres mot slutten av året, og at kurset er helt ferdig i løpet av 2026.
En rask titt på nettsiden til Josh viser at dette er en person som virkelig kan temaet han nå skal lære bort. I forbindelse med annonseringen laget han også en liten landingsside med en rekke små og større animasjoner. Samtidig skrev han en lengre artikkel hvor han går gjennom hvordan du kan lage disse animasjonene selv.
Animasjoner på nettsider er selvfølgelig gøy, men gjort riktig så bidrar de også til å løfte både brukeropplevelsen og gjøre interaksjoner mer forståelig. Jeg kommer i alle fall til å stå klar med lommeboken når tidlig-versjonen lanseres 💸
Sjekk ut annonseringen av kurset på Whimsical Animations.
Claude 3.7 Sonnet og Claude Code ble lansert 🤖
Februrar var måneden da Claude 3.7 ble lansert sammen med et helt nytt verktøy for AI-assistert programmering. Dette var såpass kult at jeg skrev en egen post om lanseringen:
Claude 3.7 Sonnet og Claude Code har blitt lansert
Snart trenger du ikke engang en kode-editor for å utføre programmeringsoppgaver.
Jeg har brukt Claude Code masse de siste par uken, og den er ganske magisk. Vi snakker Cursor Composer på steroider. Betalingsmodellen fungerer ved at man fyller på kreditt som brukes når man utfører spørringer. Lommeboken min har dessverre fått oppleve at pengene renner fort ut 💸
‘Create React App’ avvikles 🛠️
Til slutt en liten setning om at gode, gamle Create React App har måtte krype til korset.
React-teamet har offisielt avviklet måten å starte nye prosjekter på grunnet kompatibilitetsproblemer med React 19. De anbefaler overgangen til moderne bundlere som Vite, som tilbyr raskere bygging og en smidigere utviklingsopplevelse.
Med det så kan vi sette strek over februar og se mot vår og lysere tider. Jeg merker i alle fall at jeg er klar for litt mer UV-stråling ☀️