Avisar de contenido inadecuado

Codificando XHTML y CSS más rapido con Zen-Coding

{
}

¿Le has echado ya un vistazo a mis libros "Apuntes de Javascript"?

http://apuntesjs.com


Zen Coding es un plugin que está disponible para casi todos los editores del mercado y con el que podras codificar HTML/XML/CSS a gran velocidad.

Este plugin nos ofrece dos funcionalidades:

  • Expansión de abreviaciones: con unas abreviaciones determinadas (muy sencillas, ya que son muy parecidas a los selectores de CSS) podremos generar gran cantidad código HTML/XML/CSS con una simple combinación de teclas.
  • Selección de bloques (pares de tags): Pudiendo realizar una serie de acciones como seleccionar pares de tags, ir a zonas editables de los tags, envolver (wrap) un bloque con otras abreviaciones, comentar/borrar bloques y más cosas.

Para que veais lo que se puede hacer con este plugin os dejo aquí un video.

También hay disponible una demo online desde la que podeis probar su funcionamiento via web (CTRL+E para expandir, requiere Javascript)

Ejemplos

Veamos un ejemplo sencillo. Esta abreviación :



        div#page>div.logo+ul#navigation>li*5>a


Nos generaria lo siguiente (con una combinación de teclas que depende del editor, pero normalmente CTRL + ,)


 

Otro ejemplo mas completo. La siguiente abreviación:



   html:xs>(div#header.header>img.logo[src="http://www.google.es" title="logo" alt=
   "logo"])+(div#content.content>h1+p*5)+(div#footer.footer>ul>li*5>a[href="./"])


Nos generaria el siguiente código:

 

Mola , eh?

Editores

Hay una serie de plugins oficiales (desarrollados por el equipo de Zen Coding y con todas las caracteristicas de Zen Coding)

  • Aptana/Eclipse (crossplatform)
  • TextMate (Mac).
  • Coda (Mac)
  • Espresso (Mac)
  • Komodo Edit/IDE (crossplatform)
  • Notepad++ (Windows)
  • PSPad (Windows)
{
}
{
}

Comentarios Codificando XHTML y CSS más rapido con Zen-Coding

Buenísima herramienta. Jamás había utilizado una similar que tuviera tanta versatilidad de software.
Es un gran recurso tanto para progamadores, como diseñadores web que se manejen con una cierta cantidad de código.
Saludos y gracias.

Deja tu comentario Codificando XHTML y CSS más rapido con Zen-Coding

Identifícate en OboLog, o crea tu blog gratis si aún no estás registrado.

Avatar Tu nombre