zen-cordingを入れてみた

Posted on2010年9月20日 Edit on2012年3月14日投稿者: toreno

コーディングが3倍早くなる（かもしれない）というzen-cordingを入れてみました。

zen-cording とは通常のHTMLタグを短縮したか形式で入力でき、一括で展開するHTMLエディタのプラグインのようなものです。

div#cont>ul#global.nav>li*3>a

と入力した後にWin なら Ctrl+E、mac なら Command+E と入力すると
以下のようなソースコードに展開してくれます。

<div id="cont">
	<ul id="global" class="nav">
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
	</ul>
</div>

HTMLエディタにも独自の入力補佐機能はあるし、zen-cordingを使うにしても記述ルールやショートカットを覚える必要はあるけど、慣れてしまえば3倍とはいかなくてかなり早くなりそうです。