Véritable caméléon du HTML, la balise picture est un élément important pour améliorer l’expérience utilisateur sur les sites web. En effet, elle permet d’afficher une même image dans différentes tailles et résolutions en fonction de l’appareil utilisé. Et pourtant cette balise est encore trop peu utiliser lors de développement frontend. Comment fonctionne la balise picture […]
La balise picture, une spécialiste de l’adaptation !
Pourquoi le CSS Nesting Module est une révolution pour le frontend ?4.3 (12)
Le CSS Nesting Module est une spécification CSS du W3C en cours de développement qui permet l’imbrication des règles de style pour faciliter la lecture et l’écriture du CSS. Dans cet article, nous allons explorer ce qu’est le CSS Nesting et pourquoi c’est une révolution pour le développement frontend. Qu’est-ce que le CSS Nesting Module […]
Les sprites CSS. Quatre méthodes pour les mettre en place4.4 (5)
Les sprites CSS sont une technique mise au point pour économiser de la bande passante en réduisant le nombre de requêtes HTTP. Plutôt que de charger plusieurs images distinctes, l’idée est de les regrouper dans un seul fichier, certes légèrement plus lourd, mais téléchargé qu’une seule fois. La solution la plus souvent utilisée pour les […]
Comment placer une image entre deux colonnes en CSS ?4 (7)
Placer une image entre deux colonnes en CSS a longtemps été une véritable gageure, voire carrément impossible à réaliser. C’est désormais faisable avec un peu d’astuces et quelques propriétés CSS encore peu connues […]
Un footer en bas de page grâce au flex et au grid4.3 (9)
Comment mettre un footer en bas de page est une question qui m’est fréquemment posée en formation. Il existe plusieurs techniques pour réaliser cela. Nous allons nous intéresser à deux méthodes modernes (flexbox CSS et grid CSS) […]