Перевод с: Smashing Magazine
Китайский: Zen Coding: быстрый способ написания кода HTML/CSS.
Пожалуйста, соблюдайте авторские права и указывайте источник при перепечатке!
В этой статье мы продемонстрируем новый способ быстрой разработки HTML и CSS с использованием синтаксиса, имитирующего селекторы CSS. Его разработал Сергей Чикуёнок . Сколько времени вы тратите на написание HTML-кода (включая все теги, атрибуты, кавычки, фигурные скобки и т. д.)? Если в вашем редакторе есть подсказки по коду, вам будет легче писать, но даже в этом случае вам все равно придется набирать много кода вручную.
В JavaScript, когда мы хотим получить на странице определенный элемент, мы сталкиваемся с той же проблемой: нам приходится писать много кода, который становится сложно поддерживать и повторно использовать. Появились фреймворки JavaScript, а также механизмы селектора CSS. Теперь вы можете использовать простые выражения CSS для получения элементов DOM, и это очень здорово.
Но что, если бы вы могли не только компоновать и позиционировать элементы с помощью селекторов CSS, но и генерировать код ? Например, если вы напишете:
div #content > h1 + p
...тогда вы можете увидеть такой вывод:
< div id = "содержание" >