Добрый день смотрим сразу как это работает:
Zen Coding
chikuyonok — Сергей Чикуёнок
pepelsbey — Вадим Макеев
Этот способ ускоренного написания HTML и CSS кода разрабатывается Сергеем Чикуёнком, который «знает толк в извращениях».
HTML код пишется на CSS манеру:
Нажимаем нехитрое комбо на клавиатуре (Ctrl+,) и получаем результат:
Первоначальная концепция была предложена Вадимом Макеевым в статье 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
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 скоро заработает.
Скачиваем плагины с полной поддержкой:
- Aptana (cross-platform);
- Coda, via TEA for Coda (Mac);
- Espresso, via TEA for Espresso (Mac);
И частичной поддержка:
- TextMate (Mac, и может работать с E-text для Windows);
- TopStyle;
- Sublime Text;
- GEdit;
- editArea online редактор;
- Dreamweaver
- UltraEdit
- Visual Studio
Статья «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