SaaS Developer   
   About    Testimonials    Contact   

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!

comments powered by Disqus