りんごが好きなのでぃす

Mac/iPhone/iPadなどに関する話題を届け続けて今年で地味に24年目

Live CSS Safari Extension

リアルタイムで CSS の値変更などのチェックをしたいときに

CSS の変更をリアルタイムで確認できる Safari 用のエクステンションです。

スクリーンショット-2011-09-28-17.04.57

エクステンションを入れるとツールバーに表示されるボタンをクリックすると水色のテキストボックス(リサイズ可能)が表示されるので、そこに任意の CSS を記述するだけ。既存の CSS を書き換える場合は !important を併記する必要があるのは Safari にオリジナルの CSS ファイルを設定する場合と同じです。

常日頃役に立つ……というものでもないと思いますが、咄嗟の時に、或は開発メニューから Web インスペクタを呼び出して……という手順を踏むほどでもない時など、何かの時にちょっと役立ちそうなエクステンションです。

Live CSS Safari Extension