Zen-Codingでちょっとだけ遊んでみました

Coda と Eclipse に Zen-Coding をインストールしていろいろと試してみました。

簡単に入力でいっきに展開してくれるのでけっこう面白かったです。
（今まで知らなかったのが恥ずかしいくらい。。。）

Zen Coding For Eclipse
https://github.com/sergeche/eclipse-zencoding
インストール
http://teru2-bo2.blogspot.jp/2012/07/eclipsezen-coding.html


Zen Coding（Coda）
http://code.google.com/p/zen-coding/downloads/list
インストール
http://webcake.no003.info/webdesign/tea-for-coda.html?utm_source=rss&utm_medium=rss&utm_campaign=tea-for-coda



Zen Coding のチートシートも公開されてます。
http://code.google.com/p/zen-coding/downloads/detail?name=ZenCodingCheatSheet.pdf&can=2&q=


Eclipse でも Coda でも同じような展開が実装できます。
チートシートに載ってないところ。

div#header>h1

<div id="header">
    <h1></h1>
</div>

div#navbar>ul.topmenu>li*5

<div id="navbar"
    <ul class="topmenu">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>

などなど
インストールも簡単なんでオススメです！