L'auteur montre un cas d'utilisation des container queries : la création de sous layouts, au sein de media queries, qui grandissent alors que le viewport diminue.
Tout est dans le titre
Tout est dans le titre
Après les media queries, les container queries, et la typographie fluide... une démonstration impressionnante de ce que l'on peut faire avec clamp et les nouvelles unités (cqi - inline container query unit)
L'utilisation de la fonction css3 min() pour le design adaptatif... intéressant
Un article très complet sur les "container queries" et les "style queries" en CSS
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
L'auteur propose une approche alternative à l'utilisation de l'élément picture, utile si vous avez déjà une base de code... Il recommande néanmoins l'utilisation de picture si vous démarrez un nouveau projet.
L'autrice montre la réalisation de ces layouts avec l'aide de Grid ou de Flexbox
Tout est dans le titre
Plein de bons conseils sur la typographie (accessibilité et design responsive)
Apprendre le développement web : accessibilité, HTML, images, responsive web design, PWA, formulaires, et CSS avec les équipes de Google
Une présentation de la fonction CSS clamp
L'utilisation de clamp pour de la typographie fluide dans un contexte de design responsive n'est pas sans causer quelques problèmes d'accessibilité : le zoom peut être perturbé. L'auteur explore quelques pistes pour remédier à cela
Tout est dans le titre