koodi­joulu­kalenteri 2023

Hou, hou, ja vielä kerran hou, tervetuloa koodijoulukalenteriin. Huomaathan, että avattuasi luukun pääset klikkaamalla syvemmälle luukun syövereihin.

Varoitus: tontut huomaavat, jos kurkit luukkuihin etukäteen. Joulun taika päivittää kalenterin joka aamu kello 05:00:05, mutta voit varmuudeksi toki rynkytellä reloadia!

Kiltteystaso: viaton

CSS konttikyselyt

Mies kyselee mahdollisesti kokoon liittyviä kysymyksiä varastokontilta

Container queryt ovat epäilemättä kaikkien aikojen TOP 5 CSS-ominaisuuksien listallani. Ne muuttavat pelin peruuttamattomasti ihan kokonaan siinä missä gridautus, pyöreät kulmat tai divin floattaus aikanaan!

Kylläpä paranee leiskoittaminen ja komponenttien hila tällaisilla vitkuttimilla. Iso onnen kyynelhän tässä silmäkulmasta herahtaa ihan enterprise-hankkeissa asti, kunhan selaintuki vielä hitusen paranee tai totean polyfillauksen toimivaksi.

Alla mahtava demo (boksia voi raahata pienemmäksi sivusuunnassa, ainakin deskarilla) ja ennen kaikkea parit videot minua paljon kovemmalta CSS-tyypiltä.

Koodijoulukalenteri muuten käyttää etenkin gridautuksessa ja luukuissa tätä fiitsöä.

Minä poika muutun kun äitielementtini muuttuu!