- L’équipe Chromium expérimente un nouveau type de requêtes
- L’an dernier, les Size Container Query ont commencé à être prises en charge par tous les principaux navigateurs
- Elles permettent d’effectuer des requêtes selon la largeur du conteneur
- En plus de cela, les requêtes de style sont désormais possibles aussi : vérifier si une variable CSS spécifique existe. Pour l’instant, c’est uniquement disponible dans Chrome Canary
- Les State Queries sont des requêtes basées sur l’état
- Il est possible de vérifier si un état comme
position: sticky est activé, et d’appliquer un style distinct selon la direction, comme avec @container state(stuck: top)
- Il est aussi possible de vérifier si
flex-wrap a été appliqué, comme avec @container header state(wrap: true)
- On peut également adapter le rendu selon la direction du document,
ltr ou rtl, avec @container state(dir: rtl)
3 commentaires
Comme pour le CSS toggle, on dirait que le jour où l’on pourra dire « je programme en CSS » se rapproche de plus en plus...
https://github.com/kkuchta/css-only-chat
Il y avait aussi ça... un chat implémenté uniquement en CSS
Impressionnant, wow