2007年1月16日

DreamweaverのCSSパネルを見やすくする！

コーディングをする時Dreamweaverを使う方がほとんどだと思いますが、
Dreamweaverの右上、もしくは左上にCSSパネル表示していますよね？

こんなの↓

Dreamweaver CSSパネル

皆さんソースコードを書くときにはコメントでHTMLやCSSに区切りを入れて視認性を高めますよね、
今日はこのような視覚的な区切りをCSSパネルにも入れたいなという欲求を叶える小技です。

方法は至って簡単です、あるclassを作成して区切りたいところに挿入するだけ。

あるclass記述とはこんな感じです。

.-----------------------{}

え？と思うかもしれませんが、
とりあえずこれを区切りたいところに挿入

Dreamweaver CSSビューで任意の箇所に挿入

すると・・・・

CSSパネルに区切りが挿入されました

こんな風に区切りっぽくなります、ヤッター。

実は表題の件、
今日急に思い出してかいたんですが、株式会社スイッチの鷹野様が言ってた事を拝借しただけです。

鷹野様曰く、
「決してオススメではない。サイトを作り終えたらくれぐれも消すように」
と仰ってました。

と、いうことでスニペット
に登録すると簡単に挿入できますし、
サイト作成後に一括削除する時も楽ですよ。

これってLifehackの部類ですかね？

0トラックバック

このブログ記事を参照しているブログ一覧: DreamweaverのCSSパネルを見やすくする！

このブログ記事に対するトラックバックURL: http://kennsu.jp/mt/mt-tb.cgi/74

コメントする