View transitions : des transitions de page fluides en CSS
L'API View Transitions anime le passage d'une page à l'autre en quelques lignes de CSS, sans framework JavaScript. Syntaxe, exemples et compatibilité.
Mot-clef
#CSS
Tous les articles taggés CSS — conseils et ressources par Benjamin Schweitzer.
8 articles
Container queries : des composants vraiment responsives
Les container queries adaptent un composant à la place dont il dispose, et non plus à la taille de l'écran. Syntaxe, unités cqi et cas d'usage concrets en CSS.
Animations au scroll : dynamiser sans nuire à la performance
Les animations au scroll donnent du rythme à une page, mais peuvent la ralentir. Techniques modernes, bonnes pratiques, accessibilité et erreurs à éviter.
Animation CSS : créer des effets visuels percutants
Maîtrisez l'animation css avec transitions, keyframes, transform, will-change et animation libraries. Des effets percutants avec des performances optimales.
Dark mode : implémenter le mode sombre en CSS et JS
Implémentez le dark mode sur votre site : CSS custom properties, prefers-color-scheme, localStorage et toggle JS. Guide complet avec exemples.
CSS Grid Layout : guide complet avec exemples
Maîtrisez css grid avec ce guide complet : grid-template, fr, auto-fit, subgrid et layouts complexes. Des exemples pratiques pour chaque cas d'usage.
Tailwind CSS : le guide pratique pour débuter rapidement
Découvrez Tailwind CSS avec ce guide pratique : classes utilitaires, responsive, dark mode et intégration dans vos projets PHP et JavaScript.
Mobile-first design : concevoir pour les petits écrans
Concevoir mobile-first est incontournable : 60% du trafic vient du mobile. Découvrez la méthode mobile-first, les outils et les pièges à éviter.