46 liens privés
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
Tout est dans le titre
Tout est dans le titre
Un pas-à-pas de construction de menu de navigation en utilisant les possibilités des media queries
Un article complet (bien qu'ancien, 2016) sur la performance web : site statique, choix du format d'image (et utilisation de la balise picture pour le responsive), animations svg, web fonts avec quelques astuces, lazy loading (avec une astuce pour Apache), css critique, cache, etc. (via https://stephaniewalter.design/fr/blog/semaine-pixels-5-aout-2016/ )