Metodologías CSS

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

SatisfacciónS
InterésI
UsoU
ConcienciaC

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

No se incluyen tecnologías con menos del 10% de conocimiento. Cada proporción se define de la siguiente manera:

  • Satisfacción: usaría de nuevo / (usaría de nuevo + no usaría de nuevo)
  • Interés: quiero aprender / (quiero aprender + no interesado)
  • Uso: (usaría de nuevo + no usaría de nuevo) / total
  • Conocimiento: (total - nunca he oído) / 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

No se incluyen las tecnologías con solo un año de datos.

Este gráfico se divide en experiencias positivas ("quiero aprender", "volvería a usar") vs. negativas ("no me interesa", "no volvería a usar") en ambos lados de un eje central.

El grosor de la barra representa el número de encuestados que conocen una tecnología.

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
Hemos pedido a la comunidad de CSS que compartan su “elección del año”

Mi selección para 2020: The CSS Cascade

Con este post, Amelia Wattenberger no solo corrió una milla extra, ¡corrió todo un maratón! Las animaciones y preguntas se aseguran de que finalmente entiendas como funciona la cascada en CSS.

Hemos pedido a la comunidad de CSS que compartan su “elección del año”

Sacha Greif

Creador de esta encuesta

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?

Recursos Recomendados

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.
¡Gracias a nuestros socios por apoyarnos! Aprender más.