Zen Coding

Published 8th September 2010

If your like me and you love stuff that makes your life easier then Zen Coding is a must have. In their own words:

Zen Coding is an editor plugin for high-speed HTML, XML, XSL (or any other structured code format) coding and editing. The core of this plugin is a powerful abbreviation engine which allows you to expand expressions — similar to CSS selectors — into HTML code.

What does that mean? Well you can type something like the following into one of the many editors than Zen Coding has plugins for:


Then hit Ctrl+E (in Windows) and it turns into the following:

<div id="page"> <div class="logo"></div>

Check out the video demo of Zen Coding in action then head over to the downloads page and find the plugin for your editor of choice. Trust me it will change your life.