Explorer
KNOW-REF-023

CSS-Tricks — Ressources et articles CSS modernes

Domaine
web-uiux
Type
reference
Priorité
P2

Parent : [[INDEX-WEB-UIUX]]

CSS-Tricks

Source

Résumé

CSS-Tricks est une ressource historique sur CSS, le frontend et le design web. Il est surtout connu pour son "Almanach" CSS (référence exhaustive des propriétés et fonctions) et ses guides pratiques.

Contenu clé

Almanach

Référence détaillée des propriétés CSS, sélecteurs, fonctions, règles (@media, @container, @keyframes, etc.).

Guides populaires

  • A Complete CSS Flexbox Layout Guide
  • A Complete CSS Grid Layout Guide
  • CSS Selectors
  • CSS Color Functions
  • CSS Container Queries
  • CSS Media Queries Guide
  • CSS Cascade Layers
  • CSS Gradients Guide
  • CSS Custom Properties Guide
  • CSS Anchor Positioning Guide

Articles récents

  • Nouvelles fonctionnalités CSS (scroll-driven animations, view transitions, :has(), container queries)
  • Bonnes pratiques accessibilité et performance
  • Workflow et tooling frontend

Utilisation

  • Référence rapide pour une propriété CSS ou un layout.
  • Apprendre les nouvelles fonctionnalités CSS.
  • Résoudre des problèmes de mise en page modernes.

Quand consulter

  • Tu hésites entre flexbox et grid.
  • Tu veux utiliser les dernières fonctionnalités CSS de manière compatible.
  • Tu cherches un snippet ou un guide visuel.

Références connexes

  • [[KNOW-REF-029]] — MDN Web Docs
  • [[KNOW-REF-030]] — web.dev
  • [[KNOW-PAT-140]] — Migration styles inline vers Tailwind CSS