６つのWebクリエイターの為のGoogleChromeプラグイン FireFoxのプラグイン比較も

ホームページ作成やブログデザインなど

PHPやCSSなどでデザインを作っている方などに

オススメのプラグインをFireFoxとの比較でご紹介します

WebDeveloper

https://chrome.google.com/webstore/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm#

FireFox:WebDeveloper

ブラウザのウィンドウサイズの変更をしたり

CSS・Javascript・画像の各項目をDisableにしたり

W3CやCSSの構文チェックも出来る

 

FireBug Lite for GoogleChrome

https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench

FireFox:FireBug

Web開発の定番ツール

サイトのHTMLやCSS・Javascriptのコードチェックが出来るソフト

 

Chrome Sniffer

https://chrome.google.com/extensions/detail/homgcnaoacgigpkkljjjekpignblkeae

サイト解析をしてくれるプラグイン

CMSの種類やライブラリ・アクセス解析などをアイコン表示してくれます

 

BuiltWith Technology Profiler

https://chrome.google.com/extensions/detail/dapjbgnjinbpoindlpdmhochffioedbn

Chrome Snifferよりももっと細かく情報を表示してくれます

さらにWordpress等のプラグインまで表示してくれます

 

Color Pick

https://chrome.google.com/extensions/detail/ohcpnigalekghcmgcdcenkpelffpdolg

FireFox: ColorZilla

サイト上のカラーを取得できるプラグイン

カラーコードを表示してくれるのでデザイン時に便利

 

MeasureIt

https://chrome.google.com/extensions/detail/pokhcahijjfkdccinalifdifljglhclm

FireFox: MeasureIt

Webサイト上の任意のサイズを測る事が出来ます

ChromeはFireFoxに比べてプラグインが・・・というのを払拭してくれるプラグインばかりで

十分にChromeでもプラグインで対抗できると思います

実際に私もChromeで開発やCSSデザインをしています。

時折IEで確認したり・・・という作業は発生しますが、

これらのChromeプラグインで非常に楽になりそうです