Webクリエイターの道具箱

スタイリッシュで便利なCSSエディタ「StyleNote」

Posted in ソフトウェア（CSS） | 水曜日, 10月 20th, 2004 | Trackback

見た目もよく、とっても便利なCSSエディタ。イチオシ。

すでに有名なソフトなのかもしれませんが、見た目もカッコよく軽快で使い勝手のいいスタイルシートエディタ。もちろんフリーウェア。

ちょうどDreamweaverのCSS関連パネルとCSSの編集画面を抜き出した様なソフトなんですけど、秀逸なのは「クラスファインダ」（下図）。

記述してあるCSSの中身を、疑似クラス、クラス、ID、要素の順番でツリー表示してくれます。これはたくさんのクラスがあり順番もバラバラになってるときは本当に便利。

クラスファインダの画面

しかもクラス名をダブルクリックすると編集画面の中の、そのクラスのが表示され、右クリックで「編集」を選ぶと、そのクラスだけの専用編集画面を別ウインドウで開きます。おまけに右側には、スタイルインスペクタ画面（Dreamweaverでいう関連CSSパネル）がある（下図）。こりゃ便利です。

クラス編集画面

早速、拡張子CSSに関連づけ、Dreamweaverの環境設定でも、これをデフォルトエディタとして指定しました。

最初のコメントをどうぞ！