Modern-CSS.com : une bibliothèque de snippets en retard sur les specs W3C 2026

Le Pitch

Modern-CSS.com se positionne comme un catalogue de snippets destinés à purger les projets des pratiques CSS de l'ère 2015 au profit de fonctionnalités natives. Si l'intention de réduire le runtime est pertinente, la ressource souffre d'un manque de maintenance flagrant face aux évolutions majeures de 2025 (Dossier UsedBy). Une confusion persistante avec le site de référence de Stephanie Eckles, moderncss.dev, entretient sa visibilité sur Hacker News.

Sous le capot

Le principal défaut technique concerne la syntaxe du CSS Nesting. Le site impose encore l'usage systématique du préfixe & pour les sélecteurs d'éléments, alors que cette restriction a été levée dès fin 2023 et validée par le W3C Working Draft de 2026 (W3C 2026). Utiliser ces snippets aujourd'hui revient à injecter une verbosité inutile dans votre codebase.

Le support du sélecteur :has() est correctement documenté comme étant en statut "Baseline" avec 94 % de support global (CanIUse). Cependant, le site ignore royalement les fonctions de logique conditionnelle via if() et le support natif des layouts masonry, pourtant au cœur des discussions d'implémentation actuelles (Dev.to/W3C 2026).

L'analyse des snippets révèle une "Blink Monoculture" marquée. De nombreux exemples, notamment sur l'Anchor Positioning, sont optimisés pour les navigateurs basés sur Chromium sans gérer les edge cases ou le manque de parité persistant sur Firefox et Safari (Source: HN). C'est un risque de régression visuelle majeur pour une mise en prod à large échelle.

Enfin, l'opacité sur l'ownership de la ressource pose question sur sa pérennité. Contrairement aux standards de l'industrie en 2026, aucun système de validation automatique des snippets par rapport aux baselines annuelles n'est mentionné (Dossier UsedBy). On ne sait pas si les mises à jour sont manuelles ou si le projet est à l'abandon technique.

L'avis de Ruben

Confondre ce site avec moderncss.dev, c'est comme confondre une Pull Request avec un message de commit : c'est le même sujet, mais pas le même niveau d'effort. En l'état, Modern-CSS.com est une ressource de seconde zone qui peut induire vos juniors en erreur avec des syntaxes obsolètes de 2024. Ne l'utilisez pas comme source de vérité pour vos Design Systems. Passez votre chemin et tenez-vous-en aux guides de Stephanie Eckles ou à la documentation MDN, qui sont les seuls à avoir intégré proprement le virage du CSS conditionnel de 2026.

Codez propre,
Ruben.