Zen Coding

En este tutorial de programación mostrare el uso que puedes dar a Zen coding el cual es un conjunto de plug-ins para los editores de texto que permiten la codificación de alta velocidad y la edición en HTML , XML , XSL , y otros formatos de códigos estructurados a través de ayuda de contenido.

Zen Coding nos trae atajos útiles como ser lo que ganas escribiendo la simple acción de div>ul>li

Presionando control + e daría como resultado el escribir el siguiente código:

<div>

<ul>

<li></li>

</ul>

</div>

Si quieres entender mas sobre el uso de Zen Coding Aquí una lista de ejemplos básicos:

Nota: los ejemplos son echos en notepad++

Ejemplos ZenCoding:

Como Instalar Zen Coding en Notepad++

Ejemplo armando cuerpo de una pagina web con Zen Coding

Armando contenido con zen coding


Ejemplo Creando elementos de texto (p h hr br pre) con Zen Coding

Ejemplo creando elementos de texto ( table ul li ol ) con Zen Coding

Ejemplo mostrando imagenes y videos con zen coding


Ejemplo creando form / formulario con zen coding

Ejemplo creando pagina con zen coding 

Zen Coding

Siguiente