Pull to refresh

Zen coding — пишем HTML/CSS быстрее

Reading time 1 min
Views 51K
Добрый день смотрим сразу как это работает:



Zen Coding
chikuyonok — Сергей Чикуёнок
pepelsbey — Вадим Макеев

Этот способ ускоренного написания HTML и CSS кода разрабатывается Сергеем Чикуёнком, который «знает толк в извращениях».

HTML код пишется на CSS манеру:
div#content>h1+p

Нажимаем нехитрое комбо на клавиатуре (Ctrl+,) и получаем результат:
<div id="content">
    <h1></h1>
    <p></p>
</div>

Первоначальная концепция была предложена Вадимом Макеевым в статье Zen Coding 2.0. Концепт в апреле 2009 года. Затем Сергей Чикуёнок, занимался развитием этого проекта и сейчас он обрел зрелые формы и очертания.

Попробовать можно все на демо-странице
Сайт Zen Coding скоро заработает.

Скачиваем плагины с полной поддержкой:

И частичной поддержка:

Статья «Zen Coding: A Speedy Way To Write HTML/CSS Code» взята с smashingmagazine.com, кому интересно там есть продолжение с примерами, но я думаю из видео итак многое понятно.

P.S. По поводу частичная не частичная поддержка, пишите в комментариях.

Update (выдержки из комментариев):
pepelsbey
Кстати, у проекта есть официальный твиттер: @zen_coding

batonius
Все тоже, плюс есть предпросмотр результата в процессе набора.
www.emacswiki.org/emacs/ZenCoding
А вот демка

crizis
Описание функций на русском

Ваш Николай из Компании M2
Tags:
Hubs:
+119
Comments 175
Comments Comments 175

Articles