Emmet is a tool I just found that expands your HTML and CSS workflow. It expands HTML from CSS-based abbreviations and quickly selects important parts of the code you are editing.

For example, div>ul>li turns into:

<div>
	<ul>
		<li></li>
	</ul>
</div>

Visit the Emmet site to learn more, download it, and read the docs.

View more TIL posts