Emmet

En este ejemplo de programación mostrare el uso que puedes dar a emmet la evolución de Zen coding el cual agrega mejoras para los editores de texto que permiten la codificación de alta velocidad y la edición  páginas web, css y en diversas opciones desde Dreamweaver hasta notepap++.

Imagínate el atajo que ganas escribiendo la simple acción de script:src
Presionando control + e daría como resultado el escribir el siguiente código:

< script type="text/javascript" src=""> < /script> 


Escribiendo nav > li*10

Escribirías:

< nav> 
< li> < /li> 
< li> < /li> 
< li> < /li> 
< li> < /li> 
< li> < /li> 
< li> < /li> 
< li> < /li> 
< li> < /li> 
< li> < /li> 
< li> < /li> 
< /nav> 

Si quieres entender más sobre el uso de emmet Aquí una lista de ejemplos básicos:

Nota: los ejemplos son echos en notepad++

Ejemplos Emmet:

Descargar emmet

Instalar emmet en Notepad++

Hijo >emmet


Hermanos(Sibling) + emmet

Subiendo(Clim-up) ^emmet

Agrupacion()()emmet


Numeracion de articulos y Multiplicacion* emmet

Atributosid y class(ID and CLASS attributes)emmet

Asignando atributos emmet

Siguiente

emmet