The Zen of Coding HTML

A new SitePoint article, How to Code Like a Zen Master, gives a quick run-though of a new IDE plug-in, Zen Coding, that lets developers type CSS-like code, click a button, and get beautiful HTML…

Give a quick read through the SitePoint article, its actually beautifully short (because that’s all it takes). I’ve already downloaded the version for my preferred IDE, Notepad++, and it worked exactly as SitePoint said it would (not surprised, I’m just saying…).

I typed:
div#page>p.top+ul#nav>li*5>a
clicked a button, and got this:

<div id="page">
<p></p>
<ul id="nav">
<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>

Honestly, not sure how often you need to type a lot of fresh HTML, and whether you would bother learning the Zen Coding syntax to do so, but the above sample it certainly did save a lot of time!

Happy coding,
Atg

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

To respond on your own website, enter the URL of your response which should contain a link to this post's permalink URL. Your response will then appear (possibly after moderation) on this page. Want to update or remove your response? Update or delete your post and re-enter your post's URL again. (Learn More)