General

Formato

Los archivos fuente (.pug, .js, .styl) deben manejar el indentado de 4 espacios.

HTML

El manejo de nombramiento de clases debe ser en inglés y en minúscula, y si superan más de 2 palabras, debe ser separado por un guión ("-"). Ejemplo:

#!html

<!-- nombramiento de una clase con una sola palabra -->
<div class="menu"></div>

<!-- nombramiento de una clase con más de una palabra -->
<div class="sub-menu"></div>

El manejo de ids debe ser en camelCase. Ejemplo:

#!html

<!-- nombramiento de un id con una sola palabra -->
<div id="finder"></div>

<!-- nombramiento de un id con mas de una palabra -->
<div id="filterCategory"></div>

CSS

El manejo de nombramiento de clases debe ser en inglés y en minúscula, y si superan más de 2 palabras, debe ser separado por un guión ("-"). Ejemplo:

#!css

/* de una palabra */

.logo {

}

/* Mas de una palabra */

.button-search {

}

El manejo de ids debe ser en camelCase. Ejemplo:

#!css

/* de una palabra */

#logo {

}

/* Mas de una palabra */

#buttonSearch {

}

JavaScript

Nombramiento de variables en inglés y en camelCase.

Nombramiento de arreglos y objetos, en inglés y en camelCase.

Nombramiento de funciones con comportamiento de clase en inglés y en PascalCase.

El nombramiento de un archivo en la carpeta scripts debe ser en inglés y en minúscula, y si superan más de 2 palabras, debe ser separado por un guión ("-"). Ejemplo:

// archivo con nombre de una palabra
file.js

// archivo con nombre con mas de una palabra
form-search.js

Pre-procesadores

Pug

El nombramiento de un archivo en la carpeta blocks debe ser en inglés y en minúscula, y si superan más de 2 palabras, debe ser separado por un guión ("-"). Ejemplo:

// bloque con una palabra
nav.pug

// bloque con mas de una palabra
form-search.pug

Stylus

El nombramiento de un archivo en la carpeta styles/blocks debe ser en inglés y en minúscula, y si superan más de 2 palabras, debe ser separado por un guión ("-"). Ejemplo:

// bloque con una palabra
nav.styl

// bloque con mas de una palabra
form-search.styl