CSS container_queries are finally here

b_b PUBLIC DOMAIN 8/11/2022

Avec pas mal d’exemples intéressants par ici ▻https://lab.ishadeed.com/container-queries

Pas encore dispo sous firefox malheureusement...

b_b PUBLIC DOMAIN

RastaPopoulos @rastapopoulos CC BY-NC 8/11/2022

même quand dispo sur FF faudra quand même attendre que ce soir sur 98% des navs ou ce genre pour l’utiliser en prod comme il faut :)
mais ENFIN, à partir de là, yora quasiment plus jamais besoin des media queries, très peu souvent quoi, et les composants (card, footer, pagination, listes, etc) seront totalement autonomes et vraiment responsives, sans être dépendants d’aucun breakpoints généraux

RastaPopoulos @rastapopoulos CC BY-NC
cy_altern @cy_altern CC BY-SA 8/11/2022

l’article initial qui annonçait les @container query avec 5 ou 6 cas d’usage très parlants : ▻https://ishadeed.com/article/say-hello-to-css-container-queries
En attendant que tous les navigateurs soient compatibles, (mais qu’est-ce qu’ils attendent chez Mozilla ???) des pistes de fall-back : ▻https://moderncss.dev/container-query-solutions-with-css-grid-and-flexbox

cy_altern @cy_altern CC BY-SA
b_b @b_b PUBLIC DOMAIN 10/03/2023

Et la suite, les « style queries » ▻https://ishadeed.com/article/css-container-style-queries

b_b @b_b PUBLIC DOMAIN