Today, we’ll introduce you to Zen Coding, a set of tools for high-speed HTML and CSS coding. Originallyproposed by Vadim Makeev (article in Russian) back in April 2009, it has been developed by yours truly (i.e. me) for the last few months and has finally reached a mature state. Zen Coding consists of two core components: an abbreviation expander (abbreviations are CSS-like selectors) and context-independent HTML-pair tag matcher. Watch this demo video to see what they can do for you.
See video:
Zen Coding v0.5 from Sergey Chikuyonok on Vimeo.
Demo
-
- Demo (use Ctrl + , to expand an abbreviation, requires JavaScript)
Downloads (Full Support)
-
- Aptana (cross-platform);
- Coda, via TEA for Coda (Mac);
- Espresso, via TEA for Espresso (Mac);
Downloads (Partial Support, “Expand Abbreviation” Only)
-
- TextMate (Mac, and can be used with E-text editor for Windows);
- TopStyle;
- Sublime Text;
- GEdit;
- editArea online editor;
