Hice un framework de CSS y necesito que alguien que no sea yo lo pruebe
Holas, vengo hace una semana con esto. Se llama CanonCSS.
La idea corta: en vez de componer clases, declarás qué es cada cosa.
<button data-component="button" data-variant="primary">Guardar</button>
<div data-layout="grid" data-cols="3" data-gap="lg">
El botón ya sabe su hover, su focus, su radio y su tipografía. Vos no elegís nada de eso. Vocabulario cerrado: 17 componentes, 7 layouts, y no hay más.
Es CSS puro. Un archivo de 33kb, cero JavaScript, cero build, cero dependencias. Lo metés con un <link> y anda.
Lo que tiene distinto es el linter. Corrés npx -p canoncss canon-lint src/ y te falla el build si te saliste del vocabulario, si metiste un estilo inline, o si pusiste un componente en el elemento equivocado. Once reglas. La idea es esa: que el sistema de diseño no dependa de que alguien se acuerde de la regla.
En producción hay uno solo y es mío: marceloacevedo.com está hecho entero con esto, lo pasé de Tailwind a Canon y quedó visualmente igual.
Ahora la parte honesta. Todo lo que medí hasta ahora salió de código que generé yo mismo. Usuarios que no sea yo, cero. Y eso no lo arreglo midiendo más, lo arreglo si alguien de afuera lo usa y choca contra lo que le falta.
Si tenés media hora y ganas, me servís un montón con cualquiera de estas tres:
- Instalalo y hacé una página cualquiera. Pasame el HTML aunque sea feo.
- Corré el linter sobre un proyecto tuyo que ya exista y pegame la salida.
- Contame dónde te trabaste. Eso más que si te gustó.
Está en npm y es MIT. Cualquier palo también sirve.