Koodijoulukalenteri 2025

Hou, hou, tervetuloa vuoden 2025 koodijoulukalenteriin. Huomaathan, että avattuasi luukun voit kliksutella itsesi vielä syvemmälle luukun syövereihin.

Varoituksen sana: kooditontut huomaavat, jos kurkit luukkuihin etukäteen. Nukkumatin unihiekka päivittää kalenterin joka aamu huomaamattasi suunnilleen kello viisi, mutta voit varmuudeksi rynkytellä reloadia!

Kiltteystaso: viaton

Siirtymäkausi

Tekälyn piirtämä jokseenkin abstrakti näkemys siitä, miltä view transitiot voisivat näyttää.

Tunnustan rehellisesti ja avoimesti, että animaatiot eivät ole vahvinta osaamisaluettani. En ole kovin visuaalinen, ja animaatioiden ymmärtäminen on minulle haastavaa.

Otan mielelläni vastaan kaiken, joka tekee animaatioiden ajattelusta ja toteuttamisesta helpompaa. View Transition-rajapinta lupaa tehdä juurikin näin, ja se on äskettäin saavuttanut puolittaisen baseline-statuksen. Kaunein kiitos, rajapinta!

View transitiot mahdollistavat tilojen välisten siirtymien animoinnin joko yhden dokumentin sisällä (SPA), tai - täysin mahdotonta tähän asti - kahden "oikean" sivulatauksen välillä (MPA). Ihan tavalliset webbisivut voivat vastedes käyttäytyä kuin appikset.

Tällaista ei nuori Pekkis olisi koskaan uskonut näkevänsä. Katso alhaalta (ja joulukalenterin luukkusivun dialogin animoinnista!), kuinka jopa minä sain Reactin canary-version <ViewTransition>-komponentin ystävällisellä avustuksella jotakin aikaan lähes itsestään ja liikoja ymmärtämättä.

Demo

Pier
Paolo
Pasolini
Umberto
Eco

Luettavaa ja katseltavaa

MPA View Transitions deep dive
View Transitions: The brand-new browser API that will blow your mind