Zen Coding: Acelera tu HTML/CSS

zen-coding

En el momento en el que nuestra experiencia en el mundo del desarrollo de aplicaciones ha llegado a un nivel moderado, tenemos la posibilidad de usar herramientas como Zen Coding que nos permiten acelerar muchísimo en la creación de código HTML y CSS. Algo que realmente nos ayudará en el desarrollo de nuestra aplicaciones pues suele ser la parte del código mas repetitiva y tediosa.

El funcionamiento de Zen Coding no podría ser mas simple, usaremos códigos con abreviaciones de las principales etiquetas HTML y CSS que, junto a operaciones aritméticas nos harán el trabajo costoso de manera limpia y organizada.

El uso de esta herramienta nos permite “escribir” mucho mas código en poco tiempo pues podríamos utilizar-la en la parte de código mas repetitiva y terminar por tenerla en unos breves segundos. Un ejemplo del código abreviado utilizado en esta herramienta es:

nav>ul>li.item$*5>a

Lo que nos daría como resultado algo como esto:


<nav>

<ul>

<li><a href="item1"></a></li>

<li><a href="item2"></a></li>

<li><a href="item3"></a></li>

<li><a href="item4"></a></li>

<li><a href="item5"></a></li>

</ul>

</nav>

Es un ejemplo mas que suficiente del poder que tiene esta herramienta, no creéis?

Más información | Conoce el Zen Coding


Categorías

Trucos

Sergio Ródenas

Con 16 años, autodidacta y con cierta experiencia a la espalda, Sergio Ródenas, conocido en la web como Rodenastyle, es un joven español cuya... Ver perfil ›

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *