リアルタイムのプレビューとセレクターのローカリゼーションを備えたCSSエディター

タイトルは私が探しているもののすべてを語っています。基本的には、Webサイトのすべてのスタイルを収集して編集および保存できるソフトウェアでなければなりません。

上記の条件をすべて満たしてほしいので、質問をよく読んでください。

編集：私はここでより明確にしたいか、むしろ私の望ましいワークフローについて説明したいと思います。最初の状況は、ローカルマシンにWebサイトのソースがあることです。
今、私は自分のeditor / IDE / whatever（WYSIWYGなし！）でプレーンソース（HTML / CSS）を開きたいです。そして、ライブプレビューをその隣または別のウィンドウ（別のタブではなく）に表示したいのですが、ソースを編集するときにそれを表示します。プレビューは自動的に更新されるはずです（または、CTRL + Sが一種の反射：Pなので本質的に同じであるファイルを保存するとき）。
さらに、FirebugまたはChrom（e | ium）の場合と同様に機能するインスペクターが必要です。そのインスペクターでCSSセレクターをクリックすると、カーソルがそれぞれのソースファイルのセレクターに直接ジャンプするはずです。

別の編集：このhttps://stackoverflow.com/q/4680109/220652が見つかりました。ほぼ同じ問題。

いくつかのオプションがあります。

現在、Google Chromeの開発者ツール（アクションビデオ）を使用しています。これにより、幅広い検査、詳細なレポート、および上書きが可能になります。変更を加えたら、更新したCSSをコピーして、CSSファイルの関連セクションを上書きし、更新してプラグインを続行します。

ここで私はChromeの開発者ツールで定義を編集しました

（変更をコピーした後）ファイル名と行番号をたどって、エディターに貼り付けることができます

それを超えて、あなたの記述された問題を軽減するように設計されたWebPuttyと呼ばれる最近起動されたツールがあります。私はまだそれを個人的に使用していませんが、Joel Spolskyの会社であるFog Creek Software（JoelはStackOverflowの共同創設者でもあります）によって開発されました。

この質問はすでに議論されているようですが、CSSエディターについてもっと具体的に話していると思います。そして、それが彼らがあなたの質問を重複としてマークしていない理由だと私は確信しています。

しかし、私があなたに提案できるのは、他の質問への回答で私が投稿したいくつかのツールの使用法です。たとえば、次のようなものです。、そしてあなたがすでにそれを見たことがあると私が賭けることができるときでさえ、私はあなたの便宜のためにここにそれを書き起こします：

あなたの質問は少し曖昧なようです。

まず、Dreamweaverの代替案に関連して、他のすべての回答のすべての提案が優れていることを発見しましたが、Dreamweaverの代替案を探すとき、最も近いアプリケーションは-私にとって-Amayaプロジェクトでした。他の代替品よりも豊富で、Kompozerよりも少し洗練されているようです。

公式Webのスクリーンショットは、実際の動作を確認するためのものです。

追加のスクリーンショットには、次のリンクをクリックしてアクセスできます：http : //www.w3.org/Amaya/screenshots/Overview.html

あなたはそれが少し不安定だと思うかもしれません、または少なくともそれは私のためでしたが、それはあなたのニーズにも合うかもしれません。

WYSIWYGエディターで遊んだ後、BlueFishで直接エンコードすることを好みましたが、WYSIWYGエディターではありません。

また、Firebugに関する問題の提案については、申し訳ありません。

アマヤにチャンスがあったら、どうしたのか教えてください。

幸運を！

編集==アマヤをインストールした後、まだ安定しているとは言えませんが、他のソフトウェアがシンプルなテキストエディターで、アマヤがWYSIWYGエディターのようなものだと考えると、どういうわけか他のアプリケーションよりも機能が優れているようです。

私はあなたのコメントであなたが言ったことをテストしました、そして、アマヤは何かがファイル/フォルダー構造/名前で変わったことに気づかないこともわかりました。これに関連するあなたのニーズに合いません。

次のスクリーンショットでは、「resources」フォルダーの名前を「resources1」に変更しましたが、Amayaはまだ「resources」と表示しており、強制的に更新する方法はありません。ソフトウェアを再起動してプロジェクトを再度読み込んだ後でも、アマヤはそれに気付きません。

誰かが来て良い代替案をドロップすることを期待して、私はあなたの質問に従います。

幸運を！

また、同じ質問に対する他のユーザーの回答で、リアルタイムプレビューウィンドウを備えた唯一の安定したWebエディターであると思われる「Blue Griffon Webエディター」を見つけました。分割モードでは-btw-を表示できません。コードまたはWYSIWYGプレビューのみを表示でき、両方を同時に表示することはできません。

あなたの便宜のためにここに置かれたスクリーンショット：

プレビュー画面：

コード画面：

このツールには便利なツールがたくさん含まれていますが、一部のアドオンまたはプラグインは無料ではない（有料）場合があります。それはそれへの魅力を減らします。

AptanaのStudioの3私はこの答えにreccomend、：Dreamweaverのような基本的なWeb開発IDE /エディタ？デュアルビュー拡張デスクトップでWebブラウザーを使用してライブプレビューを行うことができるので、プログラミングに最適なツールです。あなたのケースではないかもしれません。

それが私が提案できることです。これがあなたのニーズに合わないとすみません...

幸運を！

わかりました、みんな聞いてください！Geanyはすごいです！ブラウザのプレビューを追加するプラグインがあります。サイドバー、「ボトムバー」、または追加のウィンドウに配置できます。そして今、2つの追加の悪いお尻キラー機能があります。1.このブラウザーはWebKitを使用します。つまり、この素晴らしいインスペクターがいます！2.開いているドキュメントを保存すると、ブラウザがリロードされます。

この他にも素晴らしい機能がたくさんありますが、自分で試してみてください。私はちょうど恋に落ちた。ここにスクリーンショットがあります：

申し訳ありませんが、私は自分の質問に答えます。私はStylebotを見つけました。それは私が持っているほとんどすべての条件を満たしています。オートコンプリートはありませんが、それで十分です。

こちらがスクリーンショットです。サイドバーはStylebotです。いくつかの単純なプロパティをすばやく編集できる基本的な編集モードと、選択した要素のプレーンCSSを編集できる高度なモードがあり、「CSSの編集」を使用すると、ページのCSS全体を編集できます。

FirefoxアドオンFirediffを試してください。これはFirebugと統合され、「変更」タブが追加されます。禅のような名前が示すように、CSSまたはDOMに加えた変更がすべて表示されます。

[変更]タブでCSSの変更を右クリックして、変更の差分またはスナップショットを保存します。

cssUpdaterもありますが、使用していません。

「セレクターのローカリゼーション」に関しては、私はあなたが何を意味するのか完全にはわかりませんが、selectBugがあり、ここからダウンロードできます。

Aptana Studioは素晴らしいIDEですが、私が間違っていなければ、リアルタイムプレビューはありません。とにかく、興味がある場合：http : //www.aptana.com/products/studio3

PS：プレビュー用のホットキーセットがあるので、それほど大きな問題ではありません。

ソフトウェア自体ではありませんが、Stylish Addon（chromeおよびfirefox）は、オーバーライドスタイルシートを保存すると、ページを自動的に更新します。FireBugとは異なり、それは保存されますので、.css満足したときにコピーして適切なファイルに貼り付けることができます。

ほんの数週間前に、この分野で新しいプレーヤーが育ちました。アドビのオープンソースコードエディターであるブラケットについてお話します。ここに必要なすべての情報：https : //github.com/adobe/brackets/wiki/Linux-Version

バージョンspring30はたった数日前にリリースされました:)頑張ってください！