Web制作ツール

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プラグインで非常に楽になりそうです

関連記事

  1. Web制作ツール

    お気に入りの配色・カラーパレットを作成! URLで送れるWebサービス 『Save My Palet…

    お気に入りのカラーパレットを作る事ができるWebサービス…

  2. Web制作ツール

    好みの場所から測定が可能なWebサイトのスピードテスト 『Worldwide Website Spe…

    自分の指定した場所からWebサイトの表示スピード測定が可能なWebサー…

  3. Web制作ツール

    配色に困ったら!! 画面を見ながら配色を試せるWebサービス 『Pandacolors』

    サンプルの画面をプレビューしながら配色を色々と試せるWebサー…

  4. Web制作ツール

    自分のドメインの価値を調べることが出来るネットサービスBizInfomation

    自分のドメインの価値をちょっと気になって調べましたらやはりあり…

コメント

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

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

PAGE TOP