Categories: CloudSoftware

Emmet, el editor que revoluciona la forma de codificar HTML

Acaba de presentarse en sociedad Emmet, un plug-in para múltiples editores de código fuente diseñado exclusivamente para reducir el tiempo de codificación de HTML y CSS. Hasta ahora, era conocido como Zen Coding pero la nueva versión llega tanto con cambio de nombre como con nuevas capacidades de edición.

Básicamente, su funcionamiento es similar al que proporcionan otros editores avanzados capaces de expandir comandos y etiquetas mediante el proceso de autocompletado. Sin embargo, la potencia de Emmet radica en que va más allá de esta funcionalidad consiguiendo complejas secuencias de código tras teclear abreviaturas ya predefinidas.

A modo de ejemplo, el programador tan sólo tendría que teclear la instrucción ‘html:5’ o simplemente ‘!’ y pulsar la tecla Tabulador, desplegándose automáticamente toda la estructura básica de una página en HTML5.

Las abreviaturas también se pueden combinar entre sí y están disponibles para los distintos tipos de elemento habituales en el código fuente, desde etiquetas a clases, IDs, textos, atributos… Otro ejemplo interesante podría ser el de la creación de una tabla con las etiquetas ‘ul’ y ‘li’. En este caso, el programador simplemente tendría que teclear ‘ul>li.clase$*5’ y pulsar la tecla Tabulador para que se creara una tabla de 5 columnas y clases clase1, clase2, clase3, clase4 y clase5, así de sencillo.

En el caso de las hojas de estilo, el proceso es idéntico. También es posible utilizar abreviaturas personalizadas en función de cada usuario, tal y como explican en el sitio web de Emmet. En cuanto a los editores compatibles, se trata de los más extendidos y populares como Notepad++, PSPad, CodeMirror2/3, Sublime Text, TextMate, Eclipse/Aptana, Komodo, etc.

 

Pablo Fernández

Recent Posts

Informe global de fraude registra 19% de incremento en ataques

Solo seis de cada diez organizaciones cuentan con soluciones tecnológicas de prevención del fraude en…

15 mins ago

Cisco presenta nuevas innovaciones de IA para ampliar la experiencia de los empleados

Los equipos de TI se benefician de la simplicidad de despliegue, gestión y la capacidad…

1 hora ago

El equipo de Fórmula Uno Aston Martin Aramco anuncia una asociación con Xerox

La marca Xerox será visible en el AMR24 en el Gran Premio de Las Vegas.

24 horas ago

La Inteligencia Artificial está revolucionando a las tiendas de barrio

Yalo observa que la IA es una herramienta transformadora que está cambiando el juego para…

1 día ago

Infoblox Threat Intel identifica nuevos actores DNS maliciosos vinculados al secuestro de dominios

Más de 1 millón de dominios registrados podrían ser vulnerables diariamente

1 día ago

¿Cuánto falta para la adopción masiva de la inteligencia artificial generativa en Chile?

Hablamos de una tecnología que impulsa el desarrollo de contenido de forma autónoma a través…

2 días ago