Вчера вышла новая версия набора скриптов для сверхскоростной верстки под названием Zen Coding.

Коротко о главном:

На хабре несколько раз публиковалась информация о Zen Coding, который может подключаться ко многим редакторам кода с целью ускорения верстки HTML и CSS кода. Одним из таких редакторов является NetBeans, который, правда, не работает с ZEN CSS.

Не желая мириться с таким положением дел, я, как и в случае с Notepad++, написал макросы для самых частоупотребляемых записей, дабы сэкономить драгоценные секунды (да и лень честно говоря писать свойства целиком).

Поздравляю всех с выходом новой версии, мольбы были услышаны, теперь zen-coding умеет:

• прописывать кастомные атрибуты у тегов (td[colspan=2])
• разворачивать вложенные аббревиатуры: теперь можно буквально одной строкой написать весь документ (div#page>(div#header>ul#nav>li*4>a)+(div#page>(h1>span)+p*2)+div#footer)
• если аббревиатура для div начинается с класса или айди, необязательно писать сам тег, #content>.section тоже сработает
• инлайновые элементы, если их больше трех, теперь автоматически будут перенесены на новую строку
• теперь у нас есть фильтры (можно, например, экранировать небезопасные символы добавив |e в конец аббревиатуры)
• если указывать несколько $-символов, это сработает как предварение нулем (li.item$$$ → li.item001)

Кроме того добавилась поддержка PSPad, Komodo Edit, добавлены действия Toggle comment, Split/Join tag, Remove tag, пофиксены ошибки, улучшен API для редакторов, а сам проект переместился на GitHub.

Если «новая версия zen-coding» для вас — пустой звук, настоятельно рекомендую ознакомиться с этим топиком.

Обновляемся, обновляемся!

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



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

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

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

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

Приветствую, коллеги!

Топик «Ускорение верстки — да поможет Notepad++» и статья Вадима Макеева «Zen Coding 2.0. Концепт» подтолкнули меня к давно родившейся в моей голове идее расширения функционала редактора Notepad++, необходимого html/css-верстальщику.

По сути хочется реализовать концепцию «Zen Coding» в данном редакторе, а также еще пару вещей. И все это выпустить отдельной редакцией NP++ с предустановленными плагинами и функционалом, необходимым именно верстальщику, под GPL лизензией.

По пунктам:

1. внедрить Zen HTML;
2. внедрить Zen CSS
3. написать плагин для управления проектом;
4. написать аналог Function List для упрощения работы с группами классов, идентификаторов, блоков правил;
5. отключить весь ненужный для верстки функционал.

Есть ли среди вас желающие помочь в написании плагина (возможно C++) для этого редактора?

Если у кого-то есть желание поучаствовать в этом благом деле пишите мне в личку.

Комментарии и коллективные обсуждения всесторонне приветствуются, ведь суть проекта сводится не просто к переносу Zen Coding на NP++, а и тонкая настройка функционала редактора.