And here's my coding tool, which is supported by most of the common code editors via plugins: Zen Coding, http://code.google.com/p/zen-coding/ The idea is that it lets you use CSS-like selectors as tags that can be expanded into full HTML snippets. I'll just use the example from the project page to describe what I mean. You type a string like this ... div#page>div.logo+ul#navigation>li*5>a ... and Zen Coding will expand it into: <div id="page"> <div class="logo"></div> <ul id="navigation"> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> </ul> </div>