TEA for Coda で Zen Coding の使い方と学習方法

2012/5/20 2013/1/19 Web

TEA for Coda プラグインを Coda に入れると、Zen Coding が使えるようになります。
Zen Coding を使うと、HTML コーディングが3倍位速くなるそうです。
長い目で見ると、覚えない手はないですね。

まず、TEA for Coda をダウンロードします。
ダウンロードしたファイルを解凍してダブルクリックすると Coda にインストールされます。
その後、再起動。

Deprecated と書いてあるので、今後は開発されないっぽいですね。
とりあえず Coda 1.7.5 にはインストール出来ました。

control + E が基本。
省略タグを HTMLタグに変換します。

control + return で、br が入力できます。

Zen HTML Elements を見ながら、Zen Coding の色々な省略形を試して学習しましょう。

h1 や div 等の閉じるようなタグは、だいたいそのまま使えますね。
blockquote は bq でいけたりします。

今度は、Zen HTML Selectors を見て、一気に複数行の HTMLタグを入力する方法を学習しましょう。

これこそが Zen Coding の醍醐味ですネ！

どちらも印刷してパソコン近くの壁に貼り、覚えたら塗りつぶしていこうと思っています。

posted with amazlet at 12.06.02

鶴田　展之
技術評論社
売り上げランキング: 68460