Blog e ideas
noviembre 9, 2012
Por Miguel Carrillo

Zen Coding: Una manera veloz de escribir HTML y CSS

Zen Coding utiliza una sintaxis bastante parecida a CSS y con la ayuda de una combinación de teclas te puede ahorrar bastante tiempo al programar.

Zen Coding: Una manera veloz de escribir HTML y CSS

HTML y CSS son dos lenguajes de programación que se complementan entre sí. HTML es la estructura, el esqueleto de una página web y CSS es el estilo que esta página web tomará. Hablamos de colores, tipografías, tamaños de texto, márgenes, bordes y, muy recientemente, incluso animaciones.

Escribir este tipo de código suele resultar repetitivo. Todas esas etiquetas, abrirlas y asegurarse de cerrarlas para que el código funcione correctamente, todos esos signos de mayor y menor que y un largo etcétera que no terminaría de enlistárselos, porque seguramente se aburrirían de escucharlo.

¿Pero qué tal que con una simple línea de código pudieras crear la estructura completa de una página web?

Pues precisamente de eso se trata el Zen Coding, el cual utiliza una sintaxis bastante parecida a la del mismo CSS y con la ayuda de una combinación de teclas te puede ahorrar bastante tiempo al programar.

¿Qué te parecería que con una línea de código como esta:

div.mijo>ul#brands>li*5

obtuvieras un formato de código como éste?:

¿Qué gran ayuda no? Las posibilidades son infinitas. Es cuestión de atreverse a usar este plug-in que puedes encontrar en su versión compatible para los editores de código más populares y echar a volar tu imaginación. Si te interesa saber más sobre este genial plug-in, visita http://code.google.com/p/zen-coding/ donde podrás encontrar la versión para tu editor de código favorito.

Y sí aún no estás convencido, observa con detenimiento el video de la parte de arriba.

Miguel Carrillo es Desarrollador de Interfaces en Mijo! Brands de México.

Para conocer más tendencias actuales, haz clic aquí.

 

Quizás te interese

¡Tu marca puede ser la próxima rock star!

Contáctanos y averigua lo que podemos hacer por ella

Mijo! Brands

info@mijobrands.com
México 800 838 6282
US/Canadá 1 (415) 890 2056

Ciudad de México
Ciudad de México
(55) 5207 7758
Donato Guerra 1 Int. 112
Col. Juárez
Guadalajara
Guadalajara
(33) 4160 0587
Av. Américas 1254 Piso 10 Oficina 1
Col. Country Club
Puerto Vallarta
Puerto Vallarta
(322) 222 9696
Manuel M. Diéguez 266 Altos
Col. Emiliano Zapata