🎨 CSS Frameworks
Tres enfoques para el mismo tablero de compromisos
Classless
🌱 Pico CSS
Un solo <link> y el HTML semántico se estila solo. <article>, <progress>, <table>, <details> funcionan sin clases.
Utility-first
⚡ Tailwind CSS v4
CDN + clases en el HTML. Control granular de cada elemento sin escribir CSS. @theme para colores custom.
A mano
📝 Vanilla CSS
CSS tradicional escrito a mano. Control total, sin dependencias. Lo que hemos estado usando.
| |
Pico |
Tailwind |
Vanilla |
| Líneas de CSS |
0 |
0 |
~90 |
| Setup |
1 link |
1 script |
Escribir CSS |
| Control de diseño |
Medio |
Total |
Total |
| HTML verbose |
Bajo |
Alto |
Medio |