Så enkelt får du til spotlight-effekten

Global Accessibility Awareness Day, React Server Components og Next.js App Router-debatten, guide til spotlight-effekt og kode som flytdiagram i ukas ForrigeUke.

Når du beveger musa over denne boksen, vil lyset følge pekeren - det kalles en spotlight-effekt.
Når du beveger musa over denne boksen, vil lyset følge pekeren - det kalles en spotlight-effekt. Vis mer

Dette var uken for et radikalt forslag 😮 og sommer. ☀️

Og ‘503’ ting skjedde i frontend-verdenen!

Global Accessibility Awareness Day (GAAD) 🌍

I forbindelse med GAAD den 18. mai så har det blitt lagt ut en del artikler om tilgjengelighet. Denne artikkelen av Adam Silver forteller deg om hvorfor disabled buttons kan være problematisk. Blant annet nevner han at de er vanskelige å se og at det ikke alltid gis nok feedback til brukeren om hvordan en enabler knappen ✅

MDN Docs har også lagt ut et par tiltak du kan gjøre for å sikre at nettsiden din er tilgjengelig for alle. Her linker de blant annet til et par verktøy som kan være nyttige for å sjekke om du tilfredsstiller kravene som stilles til tilgjengelighet! Har du for eksempel tenkt på at MDN Docs har en egen seksjon for hvert HTML element som adresserer Accessibility Concerns? 👩💻

React Server Components og Next.js App Router ⏭️

Har du ikke fått med deg diskusjonene som har pågått siste tiden om React Server Components (RSC) og Next.js sin App Router? Addy Osmani har prøvd å oppsummere diskusjonen med korte og konsise bullet points. Synes denne var svært nyttig! 📄

Spotlight effekten 💡

En spotlight bak en komponent når du hovrer over ser veldig kult ut uansett formål! Nå har Julien Thibeaut laget en guide på hvordan du kan lage denne effekten med både Tailwing og med vanlig CSS. Gleder meg til å ta i bruk dette snart 🙌

Kode som flytdiagram? 📊

Ønsker du en enkel måte å forklare koden din på? Eller skal du sette deg inn i en ny kodebase og ønsker å se koden på en litt alternativ måte? Prøv å visualisere koden som et flytdiagram! Dette verktøyet kan du laste ned fra Github, men du kan også prøve det live her. Herligheten er laget av Bogdan Lyashenko 📈

Det var alt for denne uken, vi sees snart igjen 👋