Traducido de: revista Smashing
中文: codificación zen: un método para escribir rápidamente el código HTML/CSS
Por favor, respete los derechos de autor, ¡indique la fuente al reimprimir!
En este artículo mostraremos una nueva forma de desarrollar rápidamente HTML y CSS usando sintaxis que imita los selectores CSS. Fue desarrollado por Sergey Chikuyonok. ¿Cuánto tiempo pasa escribiendo código HTML (incluidas todas las etiquetas, atributos, referencias, aparatos ortopédicos, etc.)? Si su editor tiene indicaciones de código, será más fácil cuando lo escriba, pero aun así, aún tiene que escribir manualmente mucho código.
En JavaScript, cuando queremos obtener un elemento específico en una página, encontramos el mismo problema, tenemos que escribir mucho código, lo que dificulta mantener y reutilizar. Surgieron JavaScript Frameworks, y también introdujeron el motor Selector CSS. Ahora puede usar expresiones CSS simples para obtener elementos DOM, lo cual es genial.
Pero, ¿qué pasaría si no solo pudiera usar el selector de CSS para diseñar y localizar elementos, sino también generar código ? Por ejemplo, si escribe esto:
Div#contenido> H1+P
& hellip; entonces puedes ver la salida así:
<div id = "contenido">
<h1> </h1>
<p> </p>
</div>