Traducido de: Revista Smashing
Chino: Codificación Zen: una forma rápida de escribir código HTML/CSS
¡Respete los derechos de autor e indique la fuente al reimprimir!
En este artículo demostraremos una nueva forma de desarrollar rápidamente HTML y CSS utilizando una sintaxis que imita los selectores de CSS. Fue desarrollado por Sergey Chikuyonok . ¿Cuánto tiempo dedica a escribir código HTML (incluidas todas las etiquetas, atributos, comillas, llaves, etc.)? Si su editor tiene sugerencias de código, le resultará más fácil escribir, pero aun así tendrá que escribir mucho código manualmente.
En JavaScript, cuando queremos obtener un elemento específico en una página, nos encontramos con el mismo problema, tenemos que escribir mucho código, lo que se vuelve difícil de mantener y reutilizar. Surgieron los marcos de JavaScript y también introdujeron motores de selección de CSS. Ahora, puedes usar expresiones CSS simples para obtener elementos DOM, lo cual es genial.
Pero, ¿qué pasaría si no sólo pudieras diseñar y posicionar elementos usando selectores CSS, sino también generar código ? Por ejemplo, si escribes:
div #contenido > h1 + p
...entonces podrás ver un resultado como este:
< div id = "contenido" >