Une collection de tutoriels UI en français avec du HTML/CSS pur. Des composants concrets à reproduire, expliqués simplement, sans framework.
CSS-Tricks
Le site de référence sur CSS : guides, astuces, almanac des propriétés et articles approfondis sur le front-end. Une ressource que tous les développeurs web ont visitée un jour.
1 min de lecture
Veille
CSS-Tricks c’est un des piliers du développement front-end. Le guide Flexbox et celui de Grid qui s’y trouvent ont probablement été consultés par la moitié des développeurs web de la planète.
Qu’est-ce que CSS-Tricks ?
Un site d’articles, de guides et de références sur CSS et le développement front-end en général. Fondé par Chris Coyier, racheté par Digital Ocean en 2022, il reste une des meilleures ressources techniques sur le sujet.
Contenus principaux :
- Guides visuels sur Flexbox, Grid, les sélecteurs
- Articles approfondis sur des techniques CSS spécifiques
- Almanac : référence complète des propriétés et sélecteurs CSS
- Snippets et astuces rapides
Points forts
- Le guide Flexbox est probablement le meilleur qui existe
- Articles rédigés par des experts, avec des exemples CodePen intégrés
- Almanac exhaustif avec exemples et compat navigateur
- Archives riches : des années de contenu encore pertinent
- Gratuit et sans inscription
Limites
- Depuis le rachat par Digital Ocean, la fréquence de publication a ralenti
- Certains articles anciens ne sont plus mis à jour
- L’interface a vieilli
Tarifs
Gratuit.
Alternatives
- Smashing Magazine - articles plus orientés UX/design
- web.dev - ressources Google sur les bonnes pratiques web
- MDN Web Docs - pour la référence technique pure
Catégories
Commentaires
Connexion via GitHub, gratuite et sans collecte de données par ce site.
Outils connexes
La référence pour l’inspiration web haut de gamme. Des sites primés pour leur design, leur créativité et leur expérience utilisateur. Incontournable pour la veille créative.
La plateforme d’Adobe pour les portfolios créatifs. Des projets présentés dans leur intégralité : brief, processus, résultat final. Idéal pour étudier la démarche derrière un design.