Sunday Zen
Great day to find out that Zen Coding exists.
Basically, it’s an editor plugin which mainstreams your code-writing. With Zen Coding, you can use abbreviations similar to CSS selectors, which it easily transforms into HTML code.
For example:
div#page>div.logo+ul#navigation>li*5>a
…can be expanded into:
<div id="page">
<div class="logo"></div>
<ul id="navigation">
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</div>
I’m using it in WebStorm and Sublime Text but a lot of other editors support it too. Check out if your favorite one is ready for Zen. :)
- Documentation: Zen Coding. Thanks a lot to all contributors!