122: CSS '22
Edellinen bäkkärijakso aktivoi palautekanavia, joten Tommi päätyi tarkentamaan kommenttia PHP:sta ja sen muutoksista. Tämän lisäksi aikaisemmassa jaksossa mainittu Remix julkaistiin ja Antti kokeili, miten se toimii.
Jakson pääaiheena on CSS, erityisesti sen mahdolliset uudet ominaisuudet. Suurinta keskustelua webbipuolella on viimeaikoina aiheuttanut Container Queryt. Tähän aiheeseen pureudutaan syvemmin. Hieman lyhyemmin käydään läpi nesting CSS preprosessoreista tuttu nesting, CSS Cascade Layers, @when-sääntö, sekä @scope-sääntö.
Linkit
PHP
Remix
@container
- https://alistapart.com/article/responsive-web-design/
- Say Hello to Container Queries
- Container Queries for Designers
- https://youtu.be/JsN_iE3prm0
- https://github.com/GoogleChromeLabs/container-query-polyfill
- Container Query Units
- https://drafts.csswg.org/css-contain-3/#container-lengths
@nest
@layer
@when
@scope
Viikon hyvät fiilikset
Tommi: Corne-näppäimistön rakentaminen
Antti: Avantouinti