Webデザイナー « キイロイトリ＠PHPとMySQL

‘Webデザイナー’ カテゴリーのアーカイブ

2010年8月27日金曜日

折り返し禁止。

white-space: nowrap;

2010年2月23日火曜日

導入した環境は

Windows VISTA + Dreamweaver CS4

です。

まずは、下記サイトのDonwnloadsから、「Zen Coding for Dreamweaver v0.6」をダウンロード。
http://code.google.com/p/zen-coding/
zipファイルを解凍。「Zen Coding v.0.6.mxp」を確認（これをDreamweaverに組み込みます）。
Dreamweaver Cs4 を起動
プルダウンメニューの[コマンド]　→　[拡張機能の管理]で、Adobe Extension Manager を起動。
製品　Dreamweaver CS4　を選択して、インストールボタンから、「Zen Coding v.0.6.mxp」を選択してインストールします
Dreamweaver Cs4 を再起動。
プルダウンメニューの[コマンド] に [Zen Coding]のメニューが現れていればOK。

WindowsVISTA + Dreamweaver8 では、

Zen Coding for Dreamweaver v0.5 で動作確認しました。

Zen coding の展開は、「Ctrl + ,（カンマ）」です。

html:5

div#contents>ul>li.name$*5>a

div#main>div#header+div#menu+div#contents+div#footer

table>tr*5>th+td*4

ショートカットは下図を参考に（Alt+矢印キーが便利）。

タグの削除が、「Ctrl+\」

「Ctrl+H」もスゴイ。

zen_settings.js （langやcharsetの修正）のファイルバス

C:\Users\_username_\AppData\Roaming\Adobe\Dreamweaver CS4\ja_JP\Configuration\Commands\ZenCoding\zen_settings.js

知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた
http://designblog.ecstudio.jp/htmlcss/zen-coding-aptana.html
zen codingは超便利！Dreamweaverで使ってみました。 | VIVID COLORS + BLOG
http://blog.v-colors.com/zen-coding.html
Zen-Codingでできるあんなことこんなこと
http://blog.gaspanik.com/textmate-with-zencoding-ext
コーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法
http://d.hatena.ne.jp/makiko9680/20100112/1263295560
vol.01 ノンプログラマのためのPHP入門
http://www.ustream.tv/recorded/4721906