Visste du at man kan animere z-index med CSS?

ForrigeUke: Høna eller egget, frontend-kurs fra MDN og CSS-animering av alt.

📸: Daniel Cheung / Unsplash
📸: Daniel Cheung / Unsplash Vis mer

Dette var uken man diskuterte navn på grener, NDC ble arrangert digitalt, sommeren kom til Norge. 🌞🍦

Og 2145 ting skjedde i frontend-verden!

Høna eller egget?

Endelig er mysteriet løst. JavaScript kan kanskje oppføre seg merkelig til tider, men nå har det altså gitt oss svaret på hva som kom først. Nemlig høna.

Jeg ble selvfølgelig nysgjerrig på hvordan dette funker.

Det viser seg at emojier blir representert med UTF-16 i JavaScript. Så forklaringen er, dessverre, at JavaScript sammenligner UTF-16-representasjonen til emojiene.

Lær deg frontend 🦊

MDN er mer enn dokumentasjon av HTML, CSS og JavaScript. De har nylig lansert flere kurs om web-teknologi.

Det siste tilskuddet er front-end web developer learning pathway, som kort fortalt er kursserie som dekker grunnleggende webutvikling.

Ifølge dem selv dekkes følgende:

  • Basic setup and learning how to learn
  • Web standards and best practices (such as accessibility and cross-browser compatibility)
  • HTML, the language that gives web content structure and meaning
  • CSS, the language used to style web pages
  • JavaScript, the scripting language used to create dynamic functionality on the web
  • Tooling that is used to facilitate modern client-side web development.

Et utgangspunkt for å lære seg hva som er opp og ned i frontendverdenen med andre ord.

Kan man animere det med CSS? 🤯

Vi skriver ofte om kule ting man kan gjøre med CSS. Denne uken er intet unntak.

I denne bloggposten er det en utvikler som utforsker hvilke verdier CSS kan animere. Visste du for eksempel at man kan animere z-index? Da visste du i alle fall ikke at man kan bruke animasjon av z-index til å animere et spøkelse som flyter gjennom vegger?

Mind blown.

Denne ukens utgave ble litt kort. For det er fint vær og jeg stikker ut i sola. Du kan heller kose deg med denne selen som ikke bryr seg om friksjonkraften man lærte om på skolen. 😎