HOME > デスクトップアプリ > Web > 効率的なコーディングに「Zen-Coding」

効率的なコーディングに「Zen-Coding」

「Zen-Coding」は既存のHTML・CSSエディタにプラグイン(拡張機能)として導入し、HTML・CSSのコーディングを効率化します。

例えば、

  • div#selector>ul>li.item_$*3>a[href]

と記述してDreamweaverであれば「Ctrl+,」で、

  • <div id="selector">
  •      <ul>
  •           <li class="item_1"><a href=""></a></li>
  •           <li class="item_2"><a href=""></a></li>
  •           <li class="item_3"><a href=""></a></li>
  •      </ul>
  • </div>

というように変換してくれます。試してみる価値は十分にあると思います。

下記サイトで、各エディタ用の「Zen-Coding」が入手できます。

「Dreamweaver」であれば、ダウンロードしたファイルを解答し、ダブルクリックすれば「Extension Manager」が起動、自動的に導入されます。「Dreamweaver」を起動していた場合は再起動してください。

省略コードは、下記をご参照ください。

UP