Время для прочтения: 1 мин. 10 сек.

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 для вывода в одну строку

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

Ссылки

Для вставки кода используйте HTML-теги
<pre><code class="php">ваш код</code></pre>

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

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.