Dreamweaver テンプレートのスニペット
Posted by poundhound on
Dreamweaverテンプレートで個人的に良く使うテンプレートコードをスニペットにしてみました。
Dreamweaverテンプレートはソースコードがコメントだらけになるので嫌う人が多いかもしれませんが、小規模サイトでCMSを入れるほどでも無いサイトを制作する場合にかなり有効だと思いますので、是非利用してみてください。
Category Application Archive
Dreamweaverコードヒントでfont-sizeプロパティのパーセント表記を追加する
Posted by poundhound on
Dreamweaverはコードビューでコードを記述していると、最初の数文字で入力されるプロパティを予測してツールチップに表示してくれる便利な機能があります。
プロパティに対して値を入力する際に、そのプロパティに対して設定出来る値も一覧表示してくれるので、コーディング時にはこの機能は重宝します。
このコードヒントの機能ですが、configuration/CodeHints/CodeHints.xmlをカスタマイズすることで通常表示されない値を追加することが出来ます。
※カスタマイズは自己責任でお願いします。
Dreamweaver拡張機能「閉じタグコメントを挿入」を便利に使う
Posted by poundhound on
(X)HTMLのコードの可読性を高めるために、divの閉じタグ手前にいつもコメントを入れています。けれどもこれが結構面倒な作業で、自動にならないかなと思っていたら面白法人カヤックさんのKAYAC DESIGNER'S BLOGでDreamweaver用拡張機能として公開されていました。
コメントを生成して挿入するDreamweaver用拡張機能を作成しました
ただこの閉じタグのコメント、コーダーによっては様々な書き方があると思います。初期では<!-- / ClassName -->になっているのですが、HTMLファイルに記述されたJavaScriptコードをちょこっと変更することでカスタマイズ出来ます。
※カスタマイズは自己責任でお願いします。
とってもクールなランチャー Alfred
Posted by poundhound on
Mac OSXのランチャーAlfredがクールで気に入りました。ショートカットキーで素早く呼び出せるのがとても便利です。
AlfredはOption + Spaceキーを押すと検索ボックスが表示されます。検索ボックスの入力フィールドにアプリのスペルを入れると、インストールされているアプリケーションの候補が表示されます。例えばPhotoshopを起動したい場合、僕のMacの環境では"p"と入力すれば上から2番目に表示されます。
このAlfredですがただのランチャーではなく、検索対象にWeb Searchやフォルダ、アドレスブックを入れる事が出来ます。
Dreamweaverでショートカット設定をエクスポート
Posted by poundhound on
以前に書いた記事、Dreamweaverでショートカットキーを設定して作業効率を上げるで『ショートカットキーのエクスポートの仕方がどうしてもわからない』と書きましたが、設定ファイルが分かりました。
Dreamweaver CS3の場合ですが、CS4でも同じような場所にあると思いますので参考に探してみてください。
- Windowsの場合
- C:\Documents and Settings\ユーザー名\Application Data\Adobe\Dreamweaver 9\Configuration\Menus\Custom Sets\セット名.xml
- Macintoshの場合
- ホームフォルダ/ライブラリ/Application Support/Adobe/Dreamweaver 9/Configuration/Menus/Custom Sets/セット名.xml
