Zen Coding to boost your HTML and CSS

Zen coding is an IDE plugin to boost your HTML/CSS typing speed, all what you need to know is little Zen coding syntax and DOM XPath knowledge. It supports a wide variety of code editors, including Espresso, Vim, Netbeans, TextMate, and Komodo Edit. It combine the power and specificity of CSS selectors with HTML mark-up, and you get Zen Coding. Certainly, I wasn’t the only one whose jaw dropped the first time when i saw that with a single shortcut in my Dreamweaver, for div#wrap>div#content>amp>ul#nav>li*3 it populated
 <div id="wrap">
 <div id="content">
  <ul id="nav">
   <li></li>
   <li></li>
   <li></li>
  </ul>
 </div>
</div>
Official URI : http://code.google.com/p/zen-coding/
SyntaxTutorial : http://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn

Post a Comment