ホームページ » ツールキット » 11トップCSSエディタ - レビュー

    11トップCSSエディタ - レビュー

    1.スタイライザー

    互換性: Windows注目すべき機能: コードグリッド、サイズグリップ、ブルズアイ、2クリック着色

    Stylizerは、に焦点を当てている、絶対にユニークなCSSエディタです。 リアルタイムCSS編集. Firefox 3.5とIE7のスタイル定義をサポートする内蔵ブラウザにWebアドレスを入力するだけで、使い慣れたポイントアンドクリックインタフェースで編集できるように、関連するすべてのCSSルールが読み込まれます。.

    エディタには コードグリッド 値を変更した直後に結果を表示できるため、CSS編集がより便利になります。またその診断と ブルズアイ 機能は、あなたがサイトの特定の部分で関連付けられている要素を表示し、ポイントとクリックでそれを編集することができます。のような他の機能 サイズグリップ CSS要素の位置を視覚的に調整できます。 2クリック着色 あなたがあなたのサイトのフォントのために、例えばあなたがどんな色を選ぶためにもPhotoshopのようなカラーピッカーを与えられる特徴。ああ、私はこれらの編集はすべてリアルタイムで行われ、すぐに表示可能な結果であると述べましたか?

    あり スタイライザー 対応するCSSプロパティと互換性のない値を入力することを制限するため、CSSを間違えることは不可能です。しかし、その説明できない重大なエラーのために、ソフトウェアは特定のCSSファイルを読み込むことができない場合があります。.

    スタイライザー BasicとUltimateのバージョンが付属しています。基本バージョンは完全に無料ですが、Ultimateバージョンはインストール後14日間ご利用いただけます、そしてそれはあなたがブルズアイのようなその高度な機能を使い続けるためにあなたに85ドルを提供します.

    トップスタイル

    互換性: Windows注目すべき機能: スタイルインスペクター、スタイルスイーパー、CSS整頓

    Firefox、Internet Explorer、Safari、さらにはiPhone OS 2.0でサポートされているプロパティと値のみを表示するスタイル定義を選択できる場合、TopStyle CSSエディタは初めての設定で驚かせます。これはクロスプラットフォームには非常に便利です。ウェブデザイナー.

    私が見つけたすべての機能の中で スタイルインスペクター それはあなたが単純なポイントアンドクリックのインターフェースで任意のCSSプロパティを含めることを可能にするパネルとして機能するので特に便利です。必要なCSSプロパティをすべて選択し終えたら、ソースコードが自動的に生成されるので、繰り返して面倒なコーディングをする必要がなくなります。.

    もう一つ良いこと トップスタイル スタイルインスペクタの下にブラウザの互換性があるかどうかを確認できます。CSSプロパティはInternet Explorer 7などの特定のバージョンのWebブラウザで完全にサポートされているか、または非常にバグが多いかがわかります。.

    このエディタは機能が制限された試用版として提供されています。その可能性を最大限に引き出すには、79.95ドル必要です。.

    3.スタイルマスター

    互換性: Windows、Mac OS X注目すべき機能: スタイルシートテンプレート

    スタイルマスターはマスターとしての地位を主張し、あらゆるレベルの専門知識のためにCSS編集環境を作成するのに非常にうまくいった。ソフトウェアは、CSS初心者のためのワークフローをスムーズにするWYSIWYGエディタを提供するだけでなく、専門家が参照するためにあなたにすべてのCSSプロパティについての非常に詳細な情報へのアクセスを許可します。カテゴリまたはアルファベット順でCSSプロパティを参照して選択できます。.

    おそらく最もユニークな点は、エディタ自体には20種類の便利なスタイルシートテンプレートが含まれていることです。これはスタイルマスターが非常にきれいで整然としたプロフェッショナルなCSSルールを内蔵のテンプレートで定義しているからです。.

    あなたは30日間フル機能のソフトウェアを楽しむことができ、その完全な可能性を再び開くために教育ライセンスのために59.99ドルか29.99ドルを支払うことができます.

    4.木部スコープ

    互換性: マック注目すべき機能: 選択モード、スマートグループ、テキストエディタの統合

    Xyle Scopeは Mac用の無料CSSエディタを持っている必要があります, それはあなたが直接エディタ内でそのCSSを微調整しながらあなたがウェブサイトをサーフィンすることを可能にする本当にプロフェッショナルなCSSエディタであるので.

    Xyleのブラウザ 通常のブラウザモードとFirefoxプラグイン、CSSソースの表示と編集を提供するFirebugとほぼ同じように動作する選択モードが付属しています。ただし、エディタを使用して、変更したCSS値を元の場所に保存できます。.

    を使うスマートグループ'機能として、リンクの表示方法やレイアウトに関係するルールに影響を与えるすべてのルールを除外することができます。組み込みの検索機能で結果を絞り込むこともできます。試行錯誤の方法はもう必要ありません。!

    木部スコープ また、BBEditのような外部のテキストエディタと統合することで、より便利で省エネなコーディング作業を行うことができます。変更するだけで、テキストエディタまたはXyle Scopeがすべての変更を自動的に更新します。.

    5.高速CSS

    互換性: Windows注目すべき機能: 構文の強調表示、コード補完、CSSフォーマット

    高速CSSは、より快適で便利で複雑なCSS編集のための方法です。それは構文強調表示、コード補完、そして痛みのないコーディング経験のための内蔵CSSリファレンスのような役に立つ機能を備えたそれ自身の完全にカスタマイズ可能なテキストエディタを持っています.

    あなたのCSSの清潔さに気を配って、あなたはあなたのCSSスタイルシートをもっと快適にそして美しく見えるようにするためにあなたはあなたのCSSスタイルシートをフォーマットすることができます。ビルトインコードバリデーターはまたあなたのスタイルシートがきれいであるだけでなく有効であることを確実にします.

    エディタは30の使用で30日間の評価期間が付属しています、あなたは$ 29.85でフルバージョンに行くことができます.

    6.スタイルスタジオ

    互換性: Windows注目すべき機能: CSSウィザード、IntelliStyle

    Style Studioの主な利点は、CSSウィザード機能にあります。この機能は、わずかなポイントとクリックですぐにCSS効果を得ることができます。.

    たとえば、フォントウィザードを選択してからフォントファミリを選択してそのフォントサイズを設定し、次にフォントスタイル、太さ、バリアントなどを設定してブームにすることができます。ルールは完全に検証されたCSSコードとしてスタイルシートに挿入されます。.

    ウィザード機能には、色、境界線、テキスト、配置、分類、そして最後にフィルター規則など、CSSについて考えることができるほとんどすべてが含まれます。これらのウィザードは、特定の複雑なCSS効果を得るために繰り返し入力する必要がないため、非常に便利です。もう1つの優れた機能はIntelliStyleです。これは、デザイン目的のために特定のCSSプロパティを選択するためのコード補完のように機能します。.

    このエディタのマイナス面は、IE6までしかサポートされておらず、Firefoxもサポートされていないため、古くなったブラウザのスタイル定義のサポートです。.

    あなたはソフトウェアを楽しむために30日とそれを購入するために$ 49.99を与えられています.

    7. CSSE編集

    互換性: マック注目すべき機能: X線検査装置、ビジュアルエディタ、Selector Builder

    美しく、革新的で高速なWebサイトを美しく、革新的で高速なアプリでデザインしましょう。CSSEdit by MacRabbit. Selector Builderのような機能からインテリジェントなソース環境まで、CSSEditはあらゆるレベルの専門知識のために設計されています。.

    このように高度に洗練されたエディタを使用すると、アップロードと更新の操作を面倒にすることなく、CSSスタイルシートへの変更がリアルタイムで表示されることが期待されます。サイトの特定の部分からCSSコードを診断する機能としてX線インスペクタも作成されています.

    の革新的な部分 CSSE編集 それはおそらく セレクタビルダー それはあなたが普通の英語であなたのCSSスタイルを説明することを可能にします。.

    デモ版では、2500文字未満でファイルを保存することが制限されていますが、39.95ドルですべての制限を消去することができます。.

    8. EngInSite CSSエディタ

    互換性: Windows注目すべき機能: プレビューモードの測定ツール

    正しいCSS仕様、正しいCSSの配置、またはCSSスタイルシートを十分に検証する必要がある真面目な設計者であれば、EngInSite CSSエディタをお気に入りのエディタにすることができます。.

    このエディタでは、組み込みのインスペクタを使用してクラス、ID、および要素セレクタを追加できます。また、色をHexまたはRGB値に変換することもできます。これはCSSエディタでは非常に稀な機能です。プレビューパネルで測定ツールを使って結果を確認し、すべてのデザイン要素が正しい位置にあることを確認できます。.

    このエディタにはコード補完機能も付いていますが、少しバグが多いので、セミコード補完機能を使用します。それ以外の場合は、エディタ全体が使用に適しています。ただし、IE6のスタイル定義までしかサポートされていないため、ブラウザのスタイル定義のサポートという点ではエディタがかなり古くなっているという事実があります。.

    9.スタイルシートメーカー

    互換性: Windows注目すべき機能: CSSタグ

    Stylesheet Makerは、ファイルエクスプローラパネルと、フォント、色、マージン、ボーダーなどを設定するのに役立ついくつかの便利なCSSツールを備えた、きれいなコーディング面を提供するもう1つの標準CSSエディタです。.

    のようないくつかのCSSエディタと比較して 高速CSS または スタイルスタジオ, Makerには機能が少なくてすっきりしたインターフェースがあります。これは、物事を複雑にしたくない初心者や、最小限で快適なCSS忍者にはうってつけです。.

    このエディタは中級ユーザー向けに設計されていますが、そのCSSタグ機能を使用すると、クリックするだけでタグ付きのCSSルールを簡単に作成できます。.

    このエディタを所有するために34ドルかかる、またはあなたがバンドル購入として他のCoffeeCupソフトウェアと一緒にそれを買うことができる.

    10. Arduo CSS

    互換性: Windows注目すべき機能: ノード、CSSTidy

    Arduo CSSは直感的で使いやすいインターフェースであなたを喜ばせることを目的とした新しく生まれたCSSエディタです。わかりやすいインターフェースと構文の強調表示により、CSSファイルの作成と編集は、それほど手間をかけずに行うことができます。また、あなたはポイントとクリックでCSSルールを定義するために 'Node'機能を使うことができます。.

    あなたのスタイルシートが非常に重すぎると感じる人のために、エディタからのCSSTidyツールはあなたがスタイルシートを最適化して、すべての不必要なコードを一掃するのを助けることができます.

    編集者はその公式サイトで自由に利用可能です.

    11.シンプルCSS

    互換性: Windows、Mac OS X注目すべき機能: CSSファイルインポート、ポイントアンドクリックインタフェース、追加フォントデータベース

    Simple CSSには、その名前と同じように、デザイナーがシンプルなCSS編集に必要なものがすべて揃っています。 CSSファイルをエディタにインポートして数回クリックするだけで修正し、その結果をプレビューパネルで確認して、すぐにソースコードを取り出すことができます。.

    ほとんどすべてのCSSファイルをエディタにインポートできますが、クリックして一度に表示できるCSSルールは1つだけです。インポートした場合、@rulesサポートがないなどの制限によりエラーが発生することがあります。また、z-indexプロパティに 'Auto'または 'Inherit'を選択できるだけで、プロパティに直接値を指定できないため、エディタ自体はそれほど柔軟ではありません。.

    それにもかかわらず、それは無料で迅速な修正が必要なデザイナーにとってはかなり便利です。.

    ボーナス:より多くの編集者とツール

    これらは厳密にはCSSエディタではありませんが、以下のツールはCSSの編集に関してはあなたが欲しいかもしれないものです。.

    Firebug

    HTMLの検査、CSSスタイルの変更、リアルタイムでの変更の確認を行う、最も人気があり強力なWeb開発ツール。FirefoxWebブラウザ用のプラグインとして入手可能です。.

    CSSの使い方

    Firebugの拡張機能。サイトの複数のページをスキャンして、実際にサイトで使用されているCSSルールを確認できます。.

    ウェブ開発者

    CSSソースを表示したり、デザインまたは開発用に特定のCSSスタイルシートを無効にしたりするための、Firefoxの拡張機能です。.

    メモ帳++

    CSSを含むいくつかの言語をサポートする無料のソースコードエディタとメモ帳の置き換え。 CSSデザインの構築に役立つ機能補完などの機能が含まれています.

    コーダ

    CSSエディタを内蔵した高度なテキストエディタで、2つのCSS編集モードを提供して設計をより柔軟にし、変更後すぐに結果を確認することができます。.

    NetBeans IDE

    コード補完機能に最も完全なCSSリファレンスを含む、オープンソースでプロフェッショナルな統合開発環境.

    アプタナスタジオ

    HTML、CSS、およびJavaScript用の強力なオーサリングツールを組み合わせた完全なWeb開発環境。現在はHTML 5およびCSS 3までをサポートしています。.

    WebStorm

    CSSを含むすべてのものに関連する自動補完を実装するJetBrainのIDE、またCSSの問題についてその場で通知を受けることができます。.