あるサイトのCSSを編集することになったのですが、不慣れでなかなか作業が進みません。

すぐ浮かぶのはDreamweaverです。

http://www.adobe.com/jp/products/dreamweaver/

それなりの値段しますが、それなりに便利です。

DreamWeaverがオススメです。

ご所望の

CSS作成、適用、プレビューはもちろん

HTMLタグを直接編集しつつプレビューしたり

よく使用するJavaScriptがdefaultで用意してあるので

デザインに集中できます。

30日無料トライアルもあるので一度使用感を確かめて見ては

いかがでしょう。

http://www.adobe.com/jp/products/dreamweaver/

Adove(Macromedia) Dreamweaver でできますよ。

HTMLを開きつつ、プロパティ操作と同様に外部CSSの記述が可能です。

僕の場合、ドリームウィーバー上で、HTMLファイルと外部CSSファイルを開き、HTMLを記述しながら、CSSを書いていく手法をとっています。

初心者であれば、HTMLだけ開き、外部CSSをタグプロパティと同様な使い方で記述可能です。

http://www.dreamweaver-faq.net/

で、ドリームウィーバーの簡単な使用方法が書いてあります。

一部CSSの使い方などもあります。

安いソフトではないので、検討材料としてみてみてはどうでしょうか？

↓こんなのはどうですかね？

http://www.nvu.com/download.html

http://q.hatena.ne.jp/1147336636

urlはダミーです。

安直ですが、テキストエディタで編集しながらこまめに保存して、ブラウザでhtmlを表示しておいてリロードすればいいんじゃないでしょうか。追加費用ゼロです。

DreamWeaverと同等ではないですが

安くてCSS編集とプレビューに特化したアプリがありました。

フリーウェアです。

http://www.forest.impress.co.jp/article/2005/10/26/cyberchamel.h...

Firefoxとその拡張機能であるWeb Developerを使えば、CSSを編集しながら即座にプレビューすることが可能です。

HTMLファイルに含まれたCSSも外部CSSも編集可能です。

無料で始められますので、ツールを購入する前に一度試してみてはいかがでしょうか。

• Firefox
• Web Developer 日本語版
• 窓の杜での紹介

CSS編集の流れは以下の通りです。

まず対象となるHTMLファイルをFirefoxで開きます。

その後、Web Developer ToolbarのCSSメニュー内の「CSSを編集(E)」(Ctrl+Shift+E)を開くと、CSSの内容が表示されます。

HTML内のCSS、外部ファイルのCSSはそれぞれ別のタブに表示されます。

複数の外部CSSファイルを読み込んでいる場合は、タブが複数表示されます。

CSSの変更内容は即座に反映されます。

納得がいく見栄えになりましたら、保存ボタンをクリックし、既存のCSSファイルに上書き保存すればCSS編集完了です。

参考になれば幸いです。

ソフトの紹介でなくてすみませんが、ショートカットキーを使う方法を書いてみます。

もし、ひょっとして、ご存じでなかったら、と思いまして。

ちなみに私はいつもこれでやってます。

Windowsであれば [Alt]と[Tab]を押すとウィンドウの切り替えができますので、

1. テキストエディタで CSSを編集

2. [Ctrl]+[S] などで保存

2. [Alt]+[Tab]でブラウザのウィンドウを手前に表示させる。

3. Internet Explorerであれば [F5] または [Ctrl]+[R] を押して再読込する。

4. 気に入らなければ、また [Alt]+[Tab] でテキストエディタに切り替えて編集する。→ 2. に戻る。

Sprintさんの作業環境がちょっと分からないのですが、他のテキストエディタやブラウザ、OSでも 同じ動作をするショートカットキーを調べて適切に使えば応用できるでしょう。

…… という訳で、これだと 0円です。

http://q.hatena.ne.jp/1147336636

http://www.w-frontier.com/software/ezhtml.html

ez-htmlはいかがでしょうか。フリーソフトです。