Dette var uken for å drømme seg bort ❄️🎅, bli stum av beundring 😮, og se spektakulære lynnedslag ⚡️ — og 1083 ting skjedde i frontend-verdenen.
Web AI summit oppsummering 🧐
Forrige uke var ikke uken da Googles første Web AI Summit ble avholdt, den ble nemlig holdt den 18. oktober, men forrige uke var uken Google la ut et blogginnlegg for å oppsummere dette eventet. Så da er det jo klart jeg må oppsummere dette oppsummerende blogginnlegget for dere 🕵️.
Google skriver selv at formålet med summiten var å samle “top minds” fra rundt om i verden, og da spesielt folk som jobber med maskinlæringsmodeller på klientsiden i nettlesere.
Dette betyr at etter første lasting av nettsiden, så kan disse modellene fungere helt uten internett på klientsiden. Disse modellene omtales som client-side AI, og du kan lese mer om fordeler og ulemper ved å bruke de her.
For å få med deg alt som ble presentert vil jeg anbefale å lese hele bloggposten, men her er et par smakebiter fra det som ble presentert 🍬:
- Transformers.js — “State-of-the-art Machine Learning for the Web” er et JavaScript-bibliotek som lar utviklere nettsider som aldri før er sett. Les mer her 🧐.
- ml5.js — Friendly Machine Learning for the Web har som mål å gjøre maskinlæring tilgjengelig for et stort spekter av artister, kreative programmerere og studenter. Les mer her 🧐.
- WebNN — et nytt webstandard API for maskinlæring med mål om å akselerere dype nevrale nettverk på web. Les mer her 🧐.
Her kan du lese hele bloggposten 🚀.
Endringer hos Framer Motion 🧑🎨
Det populære animasjonsrammeverket for JavaScript og React — Framer Motion annonserte i forrige uke en stor endring.
- I en bloggartikkel lansert på de nye nettsidene motion.dev annonserte skaperen Matt Perry at Framer Motion nå blir 100% uavhengig fra Framer, og kun vil hete Motion.
- Dette innebærer blant annet nye nettsider, men også noe som har vært mye etterspurt, nemlig å kunne bruke Framer Motion utenfor React.
- Han trekker også frem at man kan forvente bedre support og dokumentasjon og et sterkere community.
Det blir spennende å følge med fremover, du kan lese hele artikkelen her 🚀
Ikke lenger et React-bibliotek: Åpnes for alle og bytter navn
Ny versjon av StoryBook 📚
StoryBook er en populær “frontend workshop” for bygging, testing og dokumentasjon av UI-komponenter.
Forrige uke lanserte de versjon 8.4, der de selv mener de har skapt den beste DX (Developer Experience) for å teste og debugge frontend-tester i nettleseren. Dette bygger på tidligere arbeid med komponent-testing i samarbeid med Vitest, noe de mener er fremtiden innen UI testing.
Om det slår an så godt som de selv mener er vanskelig å spå, men denne versjonen inneholder i hvert fall en del kule features det kan være verdt å ta en nærmere titt på 🤩.
Endringene innebærer blant annet:
- 1-click komponenttesting i nettleseren ▶️
- 50 % mindre bundle-størrelse 🧹
- Støtte for Svelte 5 5️⃣
- Støtte for versjon 8 i StoryBook for React Native ⚛️
- Tagging og filtrering av stories ✴️
Er du interessert i å lese mer, kan du lese mer detaljerte beskrivelser her.
– 2024 markerer overgang fra gammel til ny CSS
CSS-snacks 🍿
Hva er vel bedre enn å avslutte utgaven med litt CSS-morro?
- Forrige uke skrev nemlig Geoff Graham en bloggartikkel om et nytt spill for å lære seg anchor positioning i CSS, nemlig Achoreum ⚓️. Anchor positioning er fortsatt relativt nytt, så dette er en gylden mulighet til å lære seg noe nytt. 🤷
- Og når du først er i gang, hvorfor ikke sjekke ut Flexbox Froggy 🐸 og Grid Garden 🏡 også?
- Det har også nylig blitt lansert en offisiell logo for CSS, det var vel på tide eller? 💁
Det var alt for denne gang, vi sees neste uke 👋
