Zen HTML translates CSS like markup, like this:

div>p#myid>ul>li.classy>strong>em

Turns into this:

<div>
<p id="myid">
<ul>
<li class="class">
<strong>
<em>
</em>
</strong>
</li>
</ul>
</p>
</div>

Boom, done.  Quick, formatted, perfect.

It also repeats segments of code, so you can make a
<ul> with 25 <li>’s in it in about 3 seconds. In the right editor, it can apply code to selected text, so the plain text list of 200 names your boss emailed you can be made into an series of divs in a few seconds, not 15 agonizing minutes (or even 5 mins of clever spreadsheet usage). The only downside is that my versions of editors don’t seem to like it very well. It’s pretty lame in NetBeans and while it supposedly works wonders in DreamWeaver, it does nothing in my copy. I’ll be trying Notepad++ next. Try it yourself: http://code.google.com/p/zen-coding/

Search: #([\da-fA-F])\1([\da-fA-F])\2([\da-fA-F])\3
Replace: #$1$2$3

This finds those hex color values in #AABBCC form and replaces them with #ABC form. It’s a small savings, but it’s super fast to do and it skips all those more complex color codes that cand compress. Be sure you check the “use regular expression” checkbox.

This same search & replace set will work in other editors with regular expression search & replace tools, check your documentation for the way to refer to a previous parenthetical group in the find box – \1 may or may not refer to the first set of parenthesis.

Perhaps it helps her stay 5 lbs.