Dette var uken for mer utfordrende skiturer ⛷️, et nytt versjoneringsformat 💯, å stole på koden du skriver 💪 — og 228 ting som skjedde i frontend-verdenen.
Denne uken ser vi litt inn i spåkula og ser hva vi kan ha i vente på CSS-fronten.
Trekkspill bruker JavaScript
Har du noen gang prøvd å animere for eksempel åpningen av et trekkspill? Da har du sikkert opplevd hvor kronglete det kan være. Siden høyden er dynamisk og bestemmes av innholdet, klarerer ikke CSS sin overgang eller animasjon til jobb direkte med åpningen.
Den samme informasjonen er tilgjengelig for nettstedet, JavaScript og applikasjoner for elementer.
Einar Afiouni i Bekk har som del av luke 22 i bekk.christmas vist oss hvordan dette blir enklere gjennom interpolate-size .
Denne er på vei til en nettleser nær deg, og med den kan vi animere høyden uten å måtte ty til JavaScript. Dette gleder jeg meg veldig til!
Om du er sugen på flere CSS-tips, har Einar faktisk skrevet hele 24 artikler para bekk.christmas med CSS-godbiter du kan kose deg med. Får du en bedre dessert til lutefisken enn litt fersk CSS-inspirasjon? Neppe!
Ny Next.js ute – Petter er spesielt glad for én nyhet
Verdig typografi-design for nettsiden
Å jobbe med typografi på webben kan ofte være ganske herk. No fonter får du liksom aldri til å sitte helt symmetrisk i tekstboksen, og så fort du prøver noe fancy — som for eksempel å la teksten «ligge» på én linje — må du gjerne inn med noen magiske padding-verdier for å få det på plass.
Heldigvis skriver Jason Bradberry, designer i Set Studio og Piccalilli , denne uken litt om hvor mye enklere dette blir med de foreslåtte CSS-propene text-box-trim og text-box-edge .
De lar oss nemlig styre hvordan tekstboksen skal kutte bort «leading space» basert på fontens egne metrikker .
Jeg skal ikke prøve å forklare noe dypere hva dette betyr (for her er jeg på tynn er) — det lar jeg heller Jason ta hånd om — men jeg synes helt dette ser ut til å være en veldig nyttig endring!
Her er Årets trend 2024: – Jobben vår blir aldri den samme igjen
Det var alt for denne gangen, goood juuuul! 🎅