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. プラグイン

    こりゃスゴイ!!! 選択した部分を自然に読み上げてくれるChrome拡張機能にビックリ!! Sele…

    選択した文章を自然に流暢に滑らかに読み上げてくれるChrome拡張機能…

  2. プラグイン

    Googleカレンダーを見やすく色分け 祝日も色を付けてくれるChrome拡張機能 『G-caliz…

    Googleカレンダーの土日や祝日に色を付けてくれるChrome拡張機…

  3. Web制作ツール

    クリエイター向けなWebサービスを紹介するWebサービス 『Startup Stash』

    デザインやWebツールなどをWebサービスを紹介しているWeb…

  4. プラグイン

    Youtube視聴をもっと快適に出来るChromeプラグイン Magic Actions for Y…

    Youtubeの視聴を便利に快適にしてくれるChromeプラグイン…

  5. Web制作ツール

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

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

  6. プラグイン

    最高画質にYoutube動画を自動設定してくれるChrome拡張機能 『Auto HD For Yo…

    Youtube動画の再生時に自動で指定した画質、画面設定にでき…

コメント

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

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

PAGE TOP