Now you can write code in HTML and CSS very fast using a unique plugin. Called Zen Coding, this is a plugin available for many popular text editors which help you to code in HTML, CSS, XML, XSL and so on in very little time. Zen coding is a new way of writing HTML using CSS like selector syntax.

No more will you have to write HTML tags the old fashioned way. Here is how you start using Zen coding plugin in your  text editor.

1. Visit Zen Coding home page and download, and install the plugin for your text editor of choice. As of now, around 15 text editors and IDEs combined are supported.
2. Once installed, you will find a menu named “Zen Coding” in your text editor through which you can make use of all the Zen Coding features.

Zen Coding Features

• CSS-like selectors – Eg: div#content>h1>a
• Element output multiplication – Eg: ul#menu>li*5
• Multiplication with numbering – Eg: div.item-$-content*6>a
• Multiple tab placeholders
• Arbitrary code snippet support – Eg: cc:ie6
• Inward and outward XHTML tag pair matcher.
• Wrapping with abbreviation.
• Special syntax for wrapping each line
• ID and Class support for snippets.

and many text editor specific features.

Here is a short video demonstrating how to use Zen coding plugin to code in HTML, CSS etc in a super fast way.

Also go through the Zen coding HTML selectors and aliases, and Zen coding actions.

[Source : Downloadsquard]