← Labo
Open source

EVA CSS

Sizing system 100% fluide, pas adaptatif : l'échelle respire entre les bornes au lieu de sauter par paliers. 99% de breakpoints en moins.

Domaine
SCSS · Sizing fluid
Année
2024
Lien

EVA CSS transforme une maquette figée en système qui respire. Là où les frameworks classiques découpent l’écran en paliers (mobile, tablette, desktop), EVA fait varier chaque dimension en continu avec clamp(). Pas de seuil, pas de saut : l’intention de design tient du plus petit écran au plus grand.

Fluide, pas adaptatif

Toute la nuance est là. L’adaptatif réagit par sauts à des points de rupture ; le fluide interpole. EVA raisonne en relations proportionnelles plutôt qu’en tailles absolues. L’harmonie visuelle est préservée partout, et le zoom navigateur ne casse plus la mise en page. Résultat concret : 99% de breakpoints en moins.

Ce que ça règle

Écrire du CSS fluide à la main garantit l’incohérence en fin de projet : les calculs se recopient, se trompent, dérivent. EVA industrialise l’échelle avec une seule source de vérité pour le sizing, la typographie et les espacements. Une grille, un rythme, une intention.

En pratique

Écrit en SCSS, distribué sur NPM, modulaire : EVA se greffe sur n’importe quelle stack. Aboutissement de dix ans de frameworks maison, il comble le fossé entre l’intention (la maquette Figma) et l’implémentation, avec un retour immédiat au redimensionnement.

Aller plus loin

Autres explorations

Tout le labo →
Contact

Votre projet devient le prochain point de focus.