Zen Coding v 0.7

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

Что изменилось?

Text nodes, полноправные участники аббревиатур

{sample text}
{item number $ ${nl}}*5
p>{Click }+a{here}+{ to continue}

Улучшенный механизм оборачивания в аббревиатуру (с предпросмотром в Eclipse). Посмотреть можно в демке, попробуйте обернуть (Ctrl+Shift+A) текст следующими аббревиатурами:

ul>li*>a{Click at $#}
span[title=$#]{Element’s title is $#}*
ul>li*>span{$#}+{ }+a[title=$#]{$#}

При оборачивании набранных текстом списков можно указать ключ |t, чтобы сбросить маркеры
Размножение групп элементов

dl>(dt+dd)*4

Что нового?

  • Increment/decrement number – изменяет число под курсором на 1, 10 или 0.1.
  • Evaluate Math Expression – выполняет простые математические выражения вроде 50/2+10 под курсором
  • Select Next/Previous Item – быстро выбирает следующий/предыдущий элемент в HTML (имя открывающего тега, полный атрибут, имя атрибута) и CSS (правило, полное свойство, значение свойства).
  • Reflect CSS Value – позволяет быстро вставить значение CSS-свойства и его аналогов с вендорными префиксами (например, -webkit-border-radius: 10px;)
  • Encode/decode image to data:URI — быстро преобразовывает картинку в data:URL и обратно, в src или url()
  • Multiple tabstops (Aptana/Eclipse, Espresso, TextMate, Komodo Edit) — перемещение по значениям свойства при помощи Tab, работает аналогично TextMate. Для демонстрации попробуйте развернуть в CSS: bsha, brad+bsha, HTML: link:css*3

Еще важные апдейты:

  • Update image size теперь работает и в CSS
  • Аббревиатуры типа select>option*4 (т. е. блочные элементы внутри инлайновых) теперь разворачиваются корректно.
  • С восклицательным знаком аббревиатура CSS-свойства получает приписку !important: (например, pos:a! → position:absolute !important;)
  • Аббревиатуры и сниппеты с двоеточием для ускорения можно набирать и с дефисом (pos:apos-a)
  • Новый фильтр |s для вывода в одну строку

Было лень переводить, поэтому сделал перепост с Хабра

Ссылки

Источник: https://www.kobzarev.com/makeup/zen-coding-v-0-7/

Михаил Кобзарёв

Суровый русский тимлид. Жил в Магадане, в офисе московских веб студий и в Тульской деревне. Виртуозно знает WordPress, PHP, ООП, Vue.js и вот это вот все. Делает крутые высоконагруженные сайты, поэтому уже почти захватил весь рынок WordPress разработки в России. Не дает никому делать сайты без спроса. Ведет блог о разработке, дайджест в телеграмме и в ВК. Любит сиськи, баню и радиоэлектронику. 100% патриот (но это не точно). Тролль 542 уровня. Ездит в отпуск раз в 5 лет.

Добавить комментарий

%d такие блоггеры, как: