Webデザインを学ぶ学生のためのChrome拡張機能がたくさん紹介されていました。量が多いですので、個々のキャプチャスクリーン画像は元記事をご覧ください。
1.Awesome Screenshot
スクリーンキャプチャーツール。ページ全体、範囲指定。注釈付記、描画もできる。カタログ、チュートリアル、ブログ記事作成に最適。
2.Web Developer
ページレイアウト解析のためのツールや機能が充実。HTML,CSSの精査。カラーサンプラー、検証ツールなどなど。
3.BuiltWith Technology Profiler
サイトを構成するWEB技術、フレームワーク、サーバー情報、オープンソースパブリッシングプラットフォーム（Wordpress, Drupalなど）を特定。
4.Window Resizer
多様なブラウザサイズを手軽に再現。
5.StayFocusd
WEBサーフィンに費やす時間を制限して仕事に集中。特定のサイトを特定の時間にロックするようスケジュールできる。サブドメインのみやファイルパスの指定もできる。
6.Apture Highlights
ページを離れずに、Google, YouTube, Wikipediaなどにポップアップでアクセスできる。分からない用語に出会ったときなどに便利。
7.DayHiker
Googleカレンダーと統合、より多目的に使えるカレンダーアプリ。
8.Diigo Web Highlighter and Bookmark
ページのテキストをブックマーク、タグ付け、付箋ノートが貼れる。クラウドに保存。グループでのプロジェクトにも最適。
9.GradeGuru Citation Manager
論文書きに最適。ページのテキストを選択して、関連する引用文データを自動生成。
10.Yoono
ブラウザ内の一箇所で、各ソーシャルメディアサイトにアクセス。シェアも可能。
11.Chromey Calculator
GoogleとWolfram|Alphaを使用するスクロール型の計算ツール。多機能。
12.EM Calculator
px(ピクセル)とem(エム)の相互変換。
Google Chrome Extensions for Web Design Students
 | デザインの学校 これからはじめるWebデザインの本 ロクナナワークショップ 技術評論社 |
/