javascript - especificar - ¿Hay estándares de nomenclatura de clase CSS para aplicaciones web?

q es class en html

Question

Hay bastante información sobre los intertubos que repasa algunas convenciones de nombres de css fundamentales. Sin embargo, la mayoría de estas convenciones son desde el punto de vista del diseñador.

Voy detrás de las convenciones desde el punto de vista del desarrollador de aplicaciones web. A medida que crece la aplicación web y se utiliza UJS (JavaScript no intrusivo) a lo largo de la base de código, los estándares de denominación han crecido alrededor de las clases de CSS. La razón por la que esto es un poco incómodo es que las clases CSS están algo sobrecargadas en su uso.

• Por un lado, las hojas de estilo utilizan clases de CSS para ayudar a presentar bien su contenido.
• Por otro lado, las clases de css son utilizadas por las bibliotecas de UJS (como jQuery) para ayudar a vincular el código de JavaScript a ciertos elementos en una página determinada.

Una convención que viene a la mente desde una perspectiva de aplicación de rieles es algo así como

.controller-action 
  { /*styles */ }

Otros pensamientos están prefijando tus clases con la noción húngara:

.js-controller-action
  { /* styles */ }

el prefijo js, ​​delinearía esos elementos con el código ujs adjunto a ellos.

Personalmente, estoy interesado en esto desde la perspectiva de la aplicación de rieles, sin embargo, puedo ver cómo esto podría aplicarse a cualquier marco de aplicación web y biblioteca de JavaScript de UJS.

Answer 1

Encontré un buen artículo sobre esto.

Convención de nombres estructurales en CSS

y también

Codificación CSS: enfoque semántico al nombrar las convenciones