サイトのCSSをリアルタイムにいじれるChrome拡張「CSS Tester」

2010-05-13 | Sigeo | 0 | カテゴリ Google Chrome

サイトのCSSをテストできるブラウザの拡張機能は、すでにいくつかあるのですが、どれも大量の機能を持っていて、ちょっとデザイン変更をしたいときに使うには不便だったりもします。

そのようなわけで、今回はCSSだけを、その場でリアルタイムに変更できるGoogle Chrome 拡張機能をご紹介します。

「CSS Tester」は、開いたページのCSSを、リアルタイムに変更し、デザインをテスト反映させることができるChrome拡張機能。

度重なる小変更を繰り返して、意味不明になってしまったCSSの、謎を解く鍵にもなる便利機能です。

CSS編集
↑このように、ボタンをクリックして表示されるテキストエディタにCSSを書き込むと、リアルタイムに該当部分が変更されます。

↑気になるデザインが、どのような仕組みになっているのか把握するにも有効活用出来そうですね。

興味のある方は、CSS Testerのページから、拡張機能をインストールしてください。

ごくわずかな拡張機能を追加するだけで、ある程度の開発環境を作ることができてしまうことから見ても、最近のブラウザは、驚くほどのスピードで、さまざまな要望に答えてくれるようになりましたよね。

特に、Googleのブラウザの成長に対する貢献度というのは、計り知れないものがあるように感じられます。さて、そんな前提から、OSの分野で大きな影響を与えるであろうChrome OSは、一体どのようなものになるんでしょうか。これも非常に気になります。

XHTML/HTML+CSSスーパーレシピブック: 価格：￥ 2,940; 平均評価：5.0; 納期：在庫あり。; Amazon で詳細を見る by 市場調査データまとめ

スポンサードリンク

フレッドボーゲルスタイン新潮社 2013-12-18

複雑化したCSSの謎を解明するためにも役立つChrome拡張機能。