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

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

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

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

webcreater1

WebDeveloper

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

FireFox:WebDeveloper

webcreater2

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

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

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

 

FireBug Lite for GoogleChrome

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

FireFox:FireBug

webcreater3

Web開発の定番ツール

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

 

Chrome Sniffer

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

webcreater6

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

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

 

BuiltWith Technology Profiler

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

webcreater7

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

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

 

Color Pick

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

FireFox: ColorZilla

webcreater4

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

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

 

MeasureIt

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

FireFox: MeasureIt

webcreater5

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

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

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

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

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

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

  • コメント: 0

動体視力 脳のトレーニングが出来るソフト 動体視力UP APEX前のページ

ブラシが豊富で使いやすいペイントソフト ArtWeaver テクスチャーなども PSDにも対応次のページ

関連記事

  1. Web制作ツール

    Dropboxでホームページを公開出来るWebサービス『Site44』 試しに使ってみました

    無料のストレージサービス「Dropbox」の領域を使ってホーム…

  2. Web制作ツール

    Webで使えるボタンをCSSで作成出力できるWebサービス 『2.5d BUTTON』

    Web上で使えそうなボタンをHTML・CSSで出力してくれるW…

  3. Web制作ツール

    デザインの参考に!! Webなど様々なシーンのデザインの参考になるWebサービス 『UpLabs』

    なかなか考えても難しいデザインそんなデザインの参考になるWeb…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

PAGE TOP