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

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

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

コメント

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

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

PAGE TOP