# Webdeveloper musthave - Zen Coding

- URL: https://blog.hostbillapp.com/2010/05/05/webdeveloper-musthave-zen-coding/
- Published: 2010-05-05 (updated 2020-04-08)
- Author: Kris Pajak
- Categories: Other, Tips & tricks
- Tags: developers, help, html, tutorial

> This post will not be directly related to HostBill itself – but hey – it’s developers blog!

This post will not be directly related to HostBill itself – but hey – it’s developers blog! ;)

I’ve recently stumbled upon great tool called [Zen Coding](http://code.google.com/p/zen-coding/) – if you’re using HTML in your everyday work – this little fellow can save you a LOT of time – just requires some practice, for example:

```
**div#page>div.logo+ul#navigation>li*3>a**
```

will 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>
        </ul>
</div>
```

Make sure to see it in action: