Emmet

While in discussion with a fellow student, he pointed me in the direction of something called "Emmet". It's a plug-in for, well in my case Notepad++ (at college) and Brackets (at home). What it does is, at the touch of a shortcut key, transform something like this:

div#main>ul>li*3>a.link

into this:

 <div id="main">
  <ul>
   <li><a href="" class="link"></a></li>
   <li><a href="" class="link"></a></li>
   <li><a href="" class="link"></a></li>
  </ul>
 </div>

Very handy, and the syntax is similar enough to CSS to be able to remember.