Войти | Выйти

Сергей Чикуенок. Zen Coding v0.5

http://vimeo.com/7405114

Это просто волшебство. Еще в начале зимы это был невероятный концепт от Вадима Макеева – прекрасная, и как мне казалось, трудно реализуемая идея. Основная идея – написание HTML с использованием CSS-like selectors. А сейчас это уже отлаженная реализация, которая потрясает своими возможностями.

Например, для меня неожиданностью стали такие возможности (в скобках время описания этой фичи в видеоролике):

  1. создание элементов с упорядоченным именованием [0:40]
  2. встраивание в CSS-like selector любых заранее созданных снипетов (в IntelliJIDEA это называется LiveTemplates) [1:18]
  3. оборачивание фрагмента кода с синтаксисом Zen Coding (не просто обернуть тегом div, а, например, обернуть фрагментом кода div#wpar>div#wrap-inner и даже больше – надстройка новых узлов, предшествующих не только обертываемому блоку, а любому его родителю div#header+div#page>div#wpar>div#wrap-inner — крутизна!) [2:15]
  4. оборачивание каждой строки выделенного фрагмента однотипными элементами, прям как в MS Word, при этом используются возможности предыдущего пункта – вообще крутизна! [3:33]
  5. возможность использовать не только вызов статических снипетов, как в пункте 2, а применять к ним операторы множения и создания родственных осей [4:21]
  6. возможность в этих снипетах кастомизировать имена CSS-классов и ID, как и в обычных элементах [5:24]

Вадиму Макееву и Сергею Чикуенку выражаю свой восторг идеей и отменной реализацией. Парни, вы молодцы!

PS Если я неправильно просклонял фамилию Сергея, прошу простить и подсказать, как правильно — я исправлю :)

Комментарии

6 комментариев к “Сергей Чикуенок. Zen Coding v0.5”

  1. Zigzag 3.Ноя.2009 в 22:47

    Присоединяюсь, все вот ищу возможность реализации Zen Coding на NP++ в полной мере, а не в кастрированном виде.

    ОтветитьReply to this comment
  2. ainu 7.Ноя.2009 в 12:53

    А к WebIDE её можно прикрутить? Я копировал по инструкции файлик в папку /users/ainu/.webide и так далее, но те горячие клавиши, о которых я слышал, не работают. То есть можно где-нибудь почитать о том, как заставить это работать?

    ОтветитьReply to this comment
  3. Вадим Макишвили 18.Ноя.2009 в 01:28

    @ainu, ох, чуть не потерял ваш коммент из-за спама, простите. Если вы хотите получить в WebIDE функциональность написания HTML с использованием CSS-like selectors, то вынужден вас разочаровать — не реализовано для WebIDE. Сергей Чикуенок пытался, но возникли сложности с Script Monkey Plugin для WebIDE.

    ОтветитьReply to this comment
  4. ainu 18.Ноя.2009 в 11:22

    @Вадим Макишвили, мда, Жаль, несоответствие версий всей кучи плагинов, дополнений к плагинам, webide, intellijidea и так далее в цепочке IntellijIdea->wedide->scriptmonkey->zen.
    А еще конфиликты с родной похожей системой, которая есть в webide.
    Даже появилась мысль самому написать standalone программу, которая следит за клавиатурой и реализует нечто подобное (но уже в любом месте, пусть даже в блокноте или в notepad++)
    Сама идея zencoding, безусловно, захватывает.

    ОтветитьReply to this comment
  5. Grenadier 8.Мар.2010 в 02:51

    Вот и для notepad++ уже реализовали
    http://habrahabr.ru/blogs/webdev/86697/

    ОтветитьReply to this comment
  6. Дергачев Михаил 26.Июл.2010 в 22:42

    Для Aptana этот великолепный плагин уже реализован Сергеем Чикуенком! Спасибо Вадиму и Сергею. Теперь процесс верстки упрощен до безобразия :)

    ОтветитьReply to this comment

Написать комментарий.




XHTML: Можете использовать следующий код: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Spam Protection by WP-SpamFree Plugin

Subscribe without commenting