swebdev.fr

Vous en avez marre de créer des composants qui s’affichent mal selon l’endroit où vous les placez ? Vous voulez que vos styles s’adaptent à la taille d’un conteneur, et pas seulement à la largeur de l’écran ? Le responsive design classique vous semble parfois limité ? Cet article vous explique ce que sont les …

Faire un design responsive, c’est souvent compliqué. Vous écrivez des tonnes de media queries pour que tout s’affiche bien sur tous les appareils ? Et si vos textes et vos blocs pouvaient s’adapter tout seuls, en douceur ? La fonction CSS `clamp()` est la solution pour créer un design fluide et adaptatif, souvent sans écrire …

Vous voulez changer l’apparence d’un bouton quand la souris passe dessus ? Vous cherchez comment animer un lien ou surligner un élément au survol ? La solution est simple et se trouve en CSS. Cet article vous montre comment utiliser la pseudo-classe CSS :hover pour modifier n’importe quel élément au survol de la souris, avec …

Vous avez du mal à deviner à quoi correspond un code couleur comme #CC3366 ? Modifier une couleur en RGB vous semble compliqué ? Vous n’êtes pas seul. Gérer les couleurs en CSS peut vite devenir un casse-tête. Le système HSL (Hue, Saturation, Lightness) est une manière de définir une couleur de façon plus humaine …