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:
    1. Text nodes, full members of abbreviations

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

    2. 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 |tto reset markers
    3. Propagation of element groups

      dl>(dt+dd)*4

    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:URLand from, to srcorurl()
    5. 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
    6. 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 |sfor output on one line.
    7. Many closed bugs (see Google Code Issues ).
    8. And a little more on the little things.

    Also popular now: