Pull to refresh

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

Website development
Добрый день смотрим сразу как это работает:



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:Zen codinghtmlcsscodaM2
Hubs: Website development
Total votes 143: ↑131 and ↓12 +119
Views50.1K

Popular right now

WordPress-разработчик / HTML-верстальщик
from 40,000 ₽FLUENTRUSSIAСанкт-ПетербургRemote job
HTML-верстальщик / Middle Frontend разработчик
from 50,000 to 80,000 ₽Девять линийRemote job
HTML-разработчик
from 50,000 to 100,000 ₽MEIJI MEDIARemote job
Frontend Software Development Engineer
from 3,000 to 5,000 $EnnablRemote job
Magento frontend developer
from 150,000 to 220,000 ₽MagenableRemote job