dimoning.ru Это блог о сео, деньгах, заработке в сети, разработке своих проектов, программировании и "жизни программиста", бизнесе, блогосфере, фрилансе и многом другом.
Узнал с хабра о Zen Coding. Заинтересовался, что это такое. Какие-то непонятные символы, похожие на CSS и все радуются и благодарят автора(-ов), придумавшего(-их) Zen Coding… Погуглил. А теперь сам всем рекомендую. Эту идею действительно есть смысл продвигать в массы, чем я сейчас и займусь.
Итак, начнем. Чтобы лучше всего понять, рекомендую посмотреть видео.
Например. Открываем редактор, пишем там строчку:
div#content>h1+p
Жмем «Ctrl + ,» и строка разворачивается в код:
<div id="content"> <h1></h1> <p></p> </div>
Другими словами – мы коротко записываем выражение, жмем «секретную комбинацию» и получаем готовую болванку кода! Самый наглядный (и немного шокирующий пример) будет, если написать:
Удивительно, правда? Zen Coding помогает сократить время написания кода… в разы! Поэтому рекомендуется к изучению. «Технология» новая, чтобы работала в вашем редакторе, понадобится скачать плагины.
Полный список плагинов есть тут: http://code.google.com/p/zen-coding/. Собственно, официальный сайт пока что не работает, поэтому и документацию Вы можете найти там же. Для каждого тега есть описание и его «короткий вариант». Например, простое «table+» даст нам:
Чтобы попробовать, без установки плагинов в редактор, авторы создали демо-приложение в веб вот здесь. Это же и официальный сайт, но он пока что не работает.
Отзывов (11) на «Zen Coding – что это такое и с чем его едят?»
пишет:
12.03.2010 в 7:25 пп
Преклоняюсь перед программерами от Бога
пишет:
13.03.2010 в 10:53 дп
Да ну какая-то фигня. Тоже читал о нем на Хабре, но чет не впечатлило.
пишет:
13.03.2010 в 11:32 дп
Классная штука. Как всегда радуешь, полезными штучками.
Надо поискать такие штучки на Notepad++, Dreamweaver
пишет:
13.03.2010 в 1:53 пп
Круто офигенно вообще на видео! А где это он пишет, в какой программе? И еще какие команды есть где можно бы глянуть?
У меня в их демо программе при нажатии на Ctrl + просто увеличивается масштаб и ничего не происходит.
пишет:
13.03.2010 в 3:04 пп
Номад Кочующий и Гитарист: это плагины для редакторов. По ссылке из поста есть плагин для Notepad++ и других.
пишет:
13.03.2010 в 10:21 пп
Встречал уже ссылки в твиттере на эту фишку и не придал значения тогда. Щас прочитал и попробовал сам, понравилось. Спасибо, нужная вещь.
пишет:
15.03.2010 в 11:14 дп
Спасибо, буду пробовать…
пишет:
27.03.2010 в 9:06 пп
хорошая новость! Протестируем. Спасибо за ссылку.
пишет:
27.03.2010 в 11:30 пп
штука прикольная, но… это ж надо думать, учить, привыкать… это б лет 10 назад, цены бы не было…
а счас я мышкой куски кода перетаскиваю – набрать уже и строчку лень… проще открыть нужный файл и перенести что нужно
пишет:
04.04.2010 в 9:33 дп
Очень удобно, это ж время можно сократить, почти вдвое.
пишет:
05.04.2010 в 6:41 дп
Напоминает банальные сниппеты. Такое в Delphi было уже очень давно, кажется в 7-й версии появилось. Не знаю почему, но я так и не стал с этим работать. Максимум пару сокращений выучил, а остальное лень было.
Блог на движке WordPress и тема для него создана DimoninG'ом в 2007 году. Все материалы авторские, их копирование запрещено законом об авторском праве.
12.03.2010 в 7:25 пп
Преклоняюсь перед программерами от Бога
13.03.2010 в 10:53 дп
Да ну какая-то фигня. Тоже читал о нем на Хабре, но чет не впечатлило.
13.03.2010 в 11:32 дп
Классная штука. Как всегда радуешь, полезными штучками.
Надо поискать такие штучки на Notepad++, Dreamweaver
13.03.2010 в 1:53 пп
Круто офигенно вообще на видео! А где это он пишет, в какой программе? И еще какие команды есть где можно бы глянуть?
У меня в их демо программе при нажатии на Ctrl + просто увеличивается масштаб и ничего не происходит.
13.03.2010 в 3:04 пп
Номад Кочующий и Гитарист: это плагины для редакторов. По ссылке из поста есть плагин для Notepad++ и других.
13.03.2010 в 10:21 пп
Встречал уже ссылки в твиттере на эту фишку и не придал значения тогда. Щас прочитал и попробовал сам, понравилось. Спасибо, нужная вещь.
15.03.2010 в 11:14 дп
Спасибо, буду пробовать…
27.03.2010 в 9:06 пп
хорошая новость! Протестируем. Спасибо за ссылку.
27.03.2010 в 11:30 пп
штука прикольная, но… это ж надо думать, учить, привыкать… это б лет 10 назад, цены бы не было…
а счас я мышкой куски кода перетаскиваю – набрать уже и строчку лень… проще открыть нужный файл и перенести что нужно
04.04.2010 в 9:33 дп
Очень удобно, это ж время можно сократить, почти вдвое.
05.04.2010 в 6:41 дп
Напоминает банальные сниппеты. Такое в Delphi было уже очень давно, кажется в 7-й версии появилось. Не знаю почему, но я так и не стал с этим работать. Максимум пару сокращений выучил, а остальное лень было.