Dette var uken for å ulydige pandaer 🗑 og en ny leke 🐼.
Og 703 ting skjedde i frontend-verdenen!
Animasjoner
Animasjoner kan være kult å ha på nettsiden sin. Men det finnes et par UX-regler som kan være greie å ta hensyn isåfall.
Josh Collinsworth har skrevet en blogpost der han drar frem noen eksempler på gode animasjoner samt nevner noen fine konvensjoner som en kan ha i bakhodet når en jobber med animering. 📺
Hvis du ønsker flere interaktive eksempler på gode animasjoner så skrev Taras Skytskyi i 2018 det han kaller den “Ultimate guiden til animasjoner”. Visste du f.eks. at den optimale tiden for en animasjon er mellom 200ms — 500ms, eller at bevegelse i mange tilfeller helst burde animeres ulinært? 🚀
Slutta i jobben for å lage eget CMS: - Fantes ingen rammeverk som tok seg av alle behovene våre
UI-tips!
Jeg vet at dette er 2023, men vi må en liten tur tilbake til 2018 en gang til. Kom nemlig over disse UI-tipsene av Steve Schoger som jeg syntes var litt for gode til å ikke deles.
Nå skal det sies at jeg ikke er designer av yrke, men de ga meg mange idéer og inspirasjon til hva jeg kan gjøre annerledes på prosjektene mine. 🤔 Må nevnes at Vitaly Friedman også fikk det 🤩
Interface Design Tips and Techniques (https://t.co/vr83qZvruH), a large collection of fine little interface design techniques to improve the UI, by prioritizing what matters and de-prioritizing what doesn't.
— Vitaly Friedman 🇺🇦🏳️🌈 (@vitalyf) March 3, 2023
By @steveschoger, collected by @thebrianemory via @krisztaszerovay. #ux pic.twitter.com/V9fhYMWc5w
Så hvis har lyst til å skjønne litt av magien som ligger bak designet av en god nettside så anbefaler jeg å ta en titt på UI-tipsene som ligger ute som en serie med tweets. Ganske sikker på at du ikke kommer til å angre! 🧑🎨
Next 13.2
For en som bruker Next.js daglig så er det alltid gøy når det kommer en ny release. Denne gangen er det særlig to ting som er verdt å merke seg.
SEO har blitt lettere ved å introdusere et nytt Metadata API som en kan kalle fra hver page.
I tillegg har det blitt introdusert en ny måte å gjøre route-handling på. Dette gjør f.eks. at du slipper å skrive “if” osv. hvis du ønsker å sjekke hvilke request-metode som kalles på fra klienten 🎉
Nå bruker han Remix til alt: – Det løser mange vanskelige ting med React
Typescript 5.0 RC
Microsoft har lagt ut release candidaten sin for Typescript 5.0!
Dette er slik Typescript 5.0 kommer til å bli seende ut med mindre de finner bugs som de må fikse opp i. En stabil versjon er ventet om ikke alt for lenge, men hvis du ønsker å tjuvstarte så har de lagt ved en større guide på alle endringene 😎
Det var alt for denne uken! Men vi sees allerede igjen neste uke 👋