SITE BLOCK & PASS,
VERSION 2026.
Site vitrine reconstruit avec une stack moderne pour équipe de développeurs. Le code source est livré en Astro 5 + TypeScript + Tailwind v4. Cette page de démonstration utilise les mêmes patterns CSS de pointe que vous obtiendrez après build.
CSS DE POINTE,
JAVASCRIPT MINIMAL.
light-dark() function
Theme adaptatif sans dupliquer les sélecteurs. Le browser bascule selon data-theme.
color-mix()
Tints, opacities et nuances calculées dynamiquement, sans pré-générer de palette.
Container Queries
Les cards adaptent leur typo selon leur largeur, pas celle de la fenêtre.
@layer reset/tokens/base
Architecture CSS prédictible avec Cascade Layers, sans !important.
View Transitions API
Transitions de page natives entre les routes (Astro ClientRouter) et au theme switch.
:has() selector
Parent selector utilisé pour les dropdowns du menu, accordéons, et hover states.
<details name="x">
Accordéon exclusif natif (un seul ouvert à la fois) sans une ligne de JavaScript.
text-wrap: balance
Sauts de ligne intelligents pour les titres, automatiquement équilibrés.
Islands Architecture
Zéro JS par défaut. JavaScript chargé uniquement où l'interactivité est nécessaire.
NAVIGUEZ DANS LE
SITE COMPLET.
Toutes les pages sont fonctionnelles. Le theme light/dark est persisté entre les pages. La grille technique en overlay s'adapte automatiquement au thème via light-dark().