For developers who are not familiar with Emmet (Zen Coding)

It's surprising how many developers have never heard of Emmet (formerly Zen Coding), since it's such an incredibly useful tool.

Yesterday, Smashing Coding put up an AWESOME visual introduction to the system:

http://coding.smashingmagazine.com/2013/03/26/goodbye-zen-coding-hello-emmet/

My IDE of choice, JetBrains PHPStorm (free 30 day trial), supports it natively. You can also get it as part of SynWrite, Vim, WebStorm (the JavaScript oriented version of PHPStorm), Sublime, TextMate, or even Notepad++

http://emmet.io/download/

There is something really elegant about being able to turn:

nav.primary>ul>li.menuitem*5

into

<nav class="primary">

    <li class="menuitem">
    <li class="menuitem">
    <li class="menuitem">
    <li class="menuitem">
    <li class="menuitem">

</nav>

By hitting the tab key.

If you haven't yet checked out Emmet, do so. You'll be glad you did!