Thursday, March 17, 2011

Zen Coding Plugins for Notepad++, TextMate, Coda

In the endless pursuit of plugins and softwares I stumbled upon this amazing plugin - Zen Coding. The best part is, it is available for quite a varitety of editors. I use Notepad++ on Windows and TextMate/Coda on Mac, also Eclipse and Komodo IDE on all platforms, and this plugin helps me with generating some basic template code using a very succinct syntax. 


e.g.,html>(head>title+style+script)+(body>table#mytable>(tr#r$>td*2)*3)

<html>
<head>
<title></title>
<style type="text/css"></style>
<script type="text/javascript"></script>
</head>
<body>
<table id="mytable">
<tr id="r1">
<td></td>
<td></td>
</tr>
<tr id="r1">
<td></td>
<td></td>
</tr>
<tr id="r1">
<td></td>
<td></td>
</tr>
</table>
</body>
</html>


BTW .. In Notepad++ use TextFX>Convert>Encode HTML .. to encode all the html, so that it can be published on the blog.

No comments: