122. CSS '22

Webbidevaus.fi

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

• https://bulletproofphp.dev/yes-php-is-worth-using

Remix

• Remix
• Blogitutorial

@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

• https://www.w3.org/TR/2021/WD-css-nesting-1-20210831/

@layer

• https://www.bram.us/2021/09/15/the-future-of-css-cascade-layers-css-at-layer/

@when

• https://css-tricks.com/proposal-for-css-when/
• https://tabatkins.github.io/specs/css-when-else/

@scope

• Early Days for CSS Scoping

Viikon hyvät fiilikset

Tommi: Corne-näppäimistön rakentaminen

Antti: Avantouinti