Zen Coding v0.7
Yesterday a new version of a set of scripts for ultra-fast layout called Zen Coding was released.
Briefly about the main thing:
Briefly about the main thing:
- Text nodes, full members of abbreviations
{sample text} {item number $ ${nl}}*5 p>{Click }+a{here}+{ to continue}
- Improved abbreviation wrapping mechanism (with preview in Eclipse). You can see it in the demo , try to wrap (Ctrl + Shift + A) the text with the following abbreviations:
ul>li*>a{Click at $#} span[title=$#]{Element’s title is $#}* ul>li*>span{$#}+{ }+a[title=$#]{$#}
When wrapping text-typed lists, you can specify a key|t
to reset markers - Propagation of element groups
dl>(dt+dd)*4
- New actions:
- Increment / decrement number - changes the number under the cursor by 1, 10 or 0.1.
- Evaluate Math Expression - Performs simple math expressions like 50/2 + 10 under the cursor
- Select Next / Previous Item - quickly selects the next / previous element in HTML (name of the opening tag, full attribute, attribute name) and CSS (usually, full property, property value).
- Reflect CSS Value - allows you to quickly insert the value of the CSS property and its analogues with vendor prefixes:
-webkit-border-radius: 10px; -moz-border-radius: 5px; border-radius: 5px;
- Encode / decode image to data: URI - quickly converts a picture to
data:URL
and from, tosrc
orurl()
- Multiple tabstops (Aptana / Eclipse, Espresso, TextMate, Komodo Edit) - moving through the property values using Tab, works similar to TextMate. For a demonstration, try expanding to
- CSS:
bsha, brad+bsha
- HTML:
link:css*3
- CSS:
- More important updates:
- Update image size now works in CSS too.
- Type abbreviations
select>option*4
(i.e., block elements inside inline ones) now expand correctly. - With an exclamation mark, the CSS property abbreviation gets the subscript
!important
:pos:a! → position:absolute !important;
- Colon abbreviations and snippets for acceleration can also be typed with a hyphen (
pos:a → pos-a
). - New filter
|s
for output on one line.
- Many closed bugs (see Google Code Issues ).
- And a little more on the little things.
- Full Release Notes
- The project page has a list of supported editors and IDEs
- But you can immediately download Zen Coding v0.7
- For those who missed the previous series - educational program