Friday, May 30, 2014

If you work with HTML much at all, use emmet.

Make sure you know how to use emmet.  It has plugins for every major IDE and text editor out there. 

http://docs.emmet.io/  (watch the short intro video)

Basically, you can type something like this:
div.myId>span.myClass
and with a hotkey (such as Tab in IntelliJ) it expands to this:
<div class="myId"><span class="myClass"></span></div>


Need another example?  
 This:
table>thead>tr>th*5^^^tbody>tr*2>td*5
becomes this:
<table>
    <thead>
    <tr>
        <th></th>
        <th></th>
        <th></th>
        <th></th>
        <th></th>
    </tr>
    </thead>
</table>
<tbody>
<tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
</tr>
<tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
</tr>
</tbody>