表示中のWebページのスタイルシートを Illustrator のようなビジュアルな UI で、ブラウザから変更できる chrome 拡張、Code Cola を紹介します。 この拡張については、名前だけは、以前から知っていたのですが、実際に使うことがあって、とても便利だったので紹介します。 似たようなことは、ブラウザの開発ツールや Firebug などでも出来ますが、Code Colaは、CSS3 で多用するグラデーションなどを、ビジュアルに編集できるので、併用して使うととても便利です。 特徴 1. グラフィカルに編集 グラデーション、ドロップシャドウ、ボーダーなどの CSS3属性を Illustrator のようなグラフィカルUIで変更できます。 グラデーションなどをグラフィカルに編集できる 2. 最新のCSS3に対応 最新の CSS3 に対応しているので、新しいスタイルを手っ取り早く
![表示中のWebページのCSS3スタイルをビジュアルに編集できるchrome拡張:Code Cola](https://cdn-ak-scissors.b.st-hatena.com/image/square/6b622335098e8e6671f829104fb5385e6d71010a/height=288;version=1;width=512/http%3A%2F%2Fwebrocketsmagazine.com%2Fimg%2Fupload%2F3078.png)