Estándares

standards.md

Diccionario

• Camel case:

  • Ejm: elementName

• Snake case:

  • Ejm: element_name

Prefijos comunes

Propiedad	Prefijo	Ejemplo
Background	bg	bg_home
Button	btn	btn_small
Image	img	img_transparent
Icon	ico	ico_search

Nombre de IDs

Los nombres de IDs deben tener las siguientes características:

• Escritos en inglés
• Camel case
• Ser descriptivos
• Tener el prefijo establecido para elementos de formulario en la tabla de abajo.

Elemento	Prefijo	Ejemplo
Form	frm	frmRegister
Button	btn	btnSearch
Label	lbl	lblName
InputText	txt	txtLastName
InputPassword	txt	txtPassword
InputHidden	hid	hidCounter
Radio	rad	radSex
Checkbox	chk	chkFilter
Select	sel	selCountry
TextArea	txa	txaMessage
Submit	sbm	sbmSend
Button	btn	btnCancel
File	fil	filPhoto
Table	tbl	tblTotals
A	lnk	lnkModal

La etiqueta "<a><a/>" podra recibir el prefijo lnk o btn dependiendo de la accion que realice. Por ejemplo si se comporta como un link se llamara lnk pero si se comporta como un boton se llamara btn. ########## REVISAR ########## 

Nombre de Clases

Los nombres de clases deben tener las siguientes características:

• Escritos en inglés
• Snake case
• Ser descriptivos

Orden de Atributos

El primer atributo será el ID (si existe) seguido del resto en orden alfabético.

<a id="lnkListProducts" class="btn" href="javascript:;" title="Registrar Producto">

Nombre de los atributos

Estándares HTML

Nombre de clases

• Los nombres de clases que especifiquen su comportamiento deben estar precedidos por su padre:

<span class="btn btn_large">

Sintaxis

• Usar doble comillas en los atributos
• Las etiquetas siempre deben ser cerradas
• Cada etiqueta debe estar en una linea
• La identación debe ser de 4 espacios con un tab?
• Usar type en las etiquetas de srcipt y link