DreamweaverでSassを使う（SCSSを書く）時、Zen Coding for Dreamweaverを利用しようとしてもデフォルトでは上手く動作しません。調べてみると、.scssファイルを編集している際のドキュメント解析モードが「text」と判定されるためです。

そこで、Zen Codingのコアファイルをカスタマイズし、SCSSを書く際もZen Codingが利用できるようにする方法をご紹介します。

• 続きを読む

Dreamweaver CS5.5の体験版が公開されたので、早速ダウンロード・インストールしました。現在CS4を利用しておりSubversionクライアントのバージョンが古いので、Dreamweaverのバージョンコントロール設定はしていなかったのですが、CS5.5ではSubversionクライアントが1.6.9にバージョンアップしているので、設定を行いDreamweaverでSubversionを利用してみることにしてみました。

• 続きを読む

Dreamweaverのコードビューにおいてimg要素を配置する際、画像の幅・高さ（width/height属性）を手動で入力しなけれならない場合があります（手動でsrc属性を入力した場合など）。"width/height"を入力すれば画像サイズは表示されますが、作業を少しでも簡素化するために、src属性で指定された画像のサイズを取得しwidth/height属性値を一発で入力（設定）する拡張を作成しました。

ちょうどZen Codingの「Update image size」または「Update <img> size」と同等の動作内容になるかと思います。

• ※ DreamweaverCS4/CS3で動作確認しました。
• ※ 本拡張を使用して何らかの問題が生じた場合も、責任は負いかねますのでご了承ください。

• 続きを読む

Dreamweaver CS3では、APIの関係からZen Coding v0.6をそのまま利用できませんが、対策が施されたファイルに置き換えることで利用可能になります。

• 続きを読む

divの終了タグ（閉じタグ）の前後にコメントを付け、id名／class名を書くことはよくあるかと思います。ただこれが意外と手間のかかる作業なので、何とかならないか？と思い、「Zen Coding for Dreamweaver v0.6」をカスタマイズしてみたところ、上手く動作するようになりました。

デフォルトのZen Codingでもdiv#main|cを展開するとコメントが入りますが、それだと要素の前後にコメントと改行が入ってしまうので、このカスタマイズの方が自分には効率的かなと思います。

• 続きを読む