Сергей Чикуенок. Zen Coding v0.5
Это просто волшебство. Еще в начале зимы это был невероятный концепт от Вадима Макеева – прекрасная, и как мне казалось, трудно реализуемая идея. Основная идея – написание HTML с использованием CSS-like selectors. А сейчас это уже отлаженная реализация, которая потрясает своими возможностями.
Например, для меня неожиданностью стали такие возможности (в скобках время описания этой фичи в видеоролике):
- создание элементов с упорядоченным именованием [0:40]
- встраивание в CSS-like selector любых заранее созданных снипетов (в IntelliJIDEA это называется LiveTemplates) [1:18]
- оборачивание фрагмента кода с синтаксисом Zen Coding (не просто обернуть тегом
div, а, например, обернуть фрагментом кодаdiv#wpar>div#wrap-innerи даже больше – надстройка новых узлов, предшествующих не только обертываемому блоку, а любому его родителюdiv#header+div#page>div#wpar>div#wrap-inner— крутизна!) [2:15] - оборачивание каждой строки выделенного фрагмента однотипными элементами, прям как в MS Word, при этом используются возможности предыдущего пункта – вообще крутизна! [3:33]
- возможность использовать не только вызов статических снипетов, как в пункте 2, а применять к ним операторы множения и создания родственных осей [4:21]
- возможность в этих снипетах кастомизировать имена CSS-классов и ID, как и в обычных элементах [5:24]
Вадиму Макееву и Сергею Чикуенку выражаю свой восторг идеей и отменной реализацией. Парни, вы молодцы!
PS Если я неправильно просклонял фамилию Сергея, прошу простить и подсказать, как правильно — я исправлю
Комментарии
6 комментариев к “Сергей Чикуенок. Zen Coding v0.5”
Написать комментарий.
Присоединяюсь, все вот ищу возможность реализации Zen Coding на NP++ в полной мере, а не в кастрированном виде.
ОтветитьА к WebIDE её можно прикрутить? Я копировал по инструкции файлик в папку /users/ainu/.webide и так далее, но те горячие клавиши, о которых я слышал, не работают. То есть можно где-нибудь почитать о том, как заставить это работать?
Ответить@ainu, ох, чуть не потерял ваш коммент из-за спама, простите. Если вы хотите получить в WebIDE функциональность написания HTML с использованием CSS-like selectors, то вынужден вас разочаровать — не реализовано для WebIDE. Сергей Чикуенок пытался, но возникли сложности с Script Monkey Plugin для WebIDE.
Ответить@Вадим Макишвили, мда, Жаль, несоответствие версий всей кучи плагинов, дополнений к плагинам, webide, intellijidea и так далее в цепочке IntellijIdea->wedide->scriptmonkey->zen.
ОтветитьА еще конфиликты с родной похожей системой, которая есть в webide.
Даже появилась мысль самому написать standalone программу, которая следит за клавиатурой и реализует нечто подобное (но уже в любом месте, пусть даже в блокноте или в notepad++)
Сама идея zencoding, безусловно, захватывает.
Вот и для notepad++ уже реализовали
Ответитьhttp://habrahabr.ru/blogs/webdev/86697/
Для Aptana этот великолепный плагин уже реализован Сергеем Чикуенком! Спасибо Вадиму и Сергею. Теперь процесс верстки упрощен до безобразия
Ответить