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

Muodokkaat reunat

HTML-loota, jossa on leikatut kulmat

Tiesitkö, että CSS:ssä on elokuusta 2025 alkaen uusi hieno corner-shape-ominaisuus, jolla tylsät tuhanteen kertaan nähdyt pyöreät kulmat muuttuvat eksoottisiksi muodoiksi suoraan tulevaisuudesta? Katso ja ihmettele!

Jos kulmat luukun dialogissa tai alempana eivät näy tavallista velmumpina, se johtuu siitä, että käytät kökköselainta. Uusi kulmaleikkuri tulee työpöytä-Chromen mukana alkaen versiosta 139, muita selaimia vielä (loppusyksystä 2025) odotellaan.

Polyfillaus on mahdollista Houdinin kautta. Koodijoulukalenteri kieltäytyy polyfilleistä periaatteellisista syistä.

Buu, tylsät perusreunat! 🤢
Uuh, miten seksikkäät squircle-reunat! 😍
Battlestar Galactica-reunat! 🤖
KAIKKI ERI REUNAT! ✨

Knoppitietona opin kulmikasta tutkimustyötä tehdessäni, että perus border-radius property syö itse asiassa kaksi arvoa per kulma. Kaikkea sitä onkin ollut tietämättä, vaikka CSS:ää on tullut koodattua tovi!