zen-cordingを入れてみた

コーディングが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倍とはいかなくてかなり早くなりそうです。

zen-cording

便利ツールに関する記事

コメント