Metodologías CSS

Cómo escribir CSS de forma más limpia.

SatisfacciónS
InterésI
UsageU
ConcienciaC

Clasificación de la conciencia, el interés y el ratio de satisfacción.

Technologies with less than 10% awareness not included. Each ratio is defined as follows:

  • Satisfaction: would use again / (would use again + would not use again)
  • Interest: want to learn / (want to learn + not interested)
  • Usage: (would use again + would not use again) / total
  • Awareness: (total - never heard) / total

Opiniones sobre la tecnologías encuestadas, en el tiempo.

No lo usaría
No estoy interesado
Lo volvería a usar
Interesado
Nunca lo he oído

Technologies with only one year of data are not included.

This chart splits positive (“want to learn”, ”would use again”) vs negative (“not interested”, “would not use again”) experiences on both sides of a central axis.

Bar thickness represents the number of respondents aware of a technology.

BEM
Porcentaje completado: 80.9% (9302)
Porcentaje completado: 80.9% (9302)

Exportar
Porcentajes%
CuentaΣ

2019

2020

No lo usaría
No estoy interesado
Lo volvería a usar
Interesado
Nunca lo he oído

Atomic CSS (Utility-first CSS)
Porcentaje completado: 81.1% (9323)
Porcentaje completado: 81.1% (9323)

Exportar
Porcentajes%
CuentaΣ

2019

2020

No lo usaría
No estoy interesado
Lo volvería a usar
Interesado
Nunca lo he oído

OOCSS
Porcentaje completado: 81.1% (9325)
Porcentaje completado: 81.1% (9325)

Exportar
Porcentajes%
CuentaΣ

2019

2020

No lo usaría
No estoy interesado
Lo volvería a usar
Interesado
Nunca lo he oído
We asked members of the CSS community to share their “pick of the year”

My 2020 Pick: The CSS Cascade

With this blog post, Amelia Wattenberger didn't just go the extra mile, she ran a whole marathon! The animations and quiz will ensure you finally understand the CSS cascade.

We asked members of the CSS community to share their “pick of the year”

Sacha Greif

Creator of this survey

SMACSS
Porcentaje completado: 81.2% (9331)
Porcentaje completado: 81.2% (9331)

Exportar
Porcentajes%
CuentaΣ

2019

2020

No lo usaría
No estoy interesado
Lo volvería a usar
Interesado
Nunca lo he oído

ITCSS
Porcentaje completado: 81% (9313)
Porcentaje completado: 81% (9313)

Exportar
Porcentajes%
CuentaΣ

2019

2020

No lo usaría
No estoy interesado
Lo volvería a usar
Interesado
Nunca lo he oído

CUBE CSS
Porcentaje completado: 81.1% (9317)
Porcentaje completado: 81.1% (9317)

Exportar
Porcentajes%
CuentaΣ

2020

No lo usaría
No estoy interesado
Lo volvería a usar
Interesado
Nunca lo he oído

Otras Herramientas
Porcentaje completado: 0.9% (99)
Porcentaje completado: 0.9% (99)

Exportar
Porcentajes%
CuentaΣ

Otras herramientas en esta categoría (respuestas libres).

En una escala del uno (muy descontento) al cinco (muy feliz), ¿cómo de contentos están los desarrolladores con el estado general de esta categoría?

Recommended Resources

Scalable Modular Architecture for CSS (SMACSS)

CSS architecture expert Jonathan Snook shares his experience building large sites with large teams to make your CSS more maintainable using his SMACSS methodology.
Thanks to our partners for supporting us! Learn more.