今日は、デザイナーと開発者向けの 12 の Chrome 拡張機能の精選リストを紹介します。これが私の専門分野であることに興奮しているので、早速始めましょう。
1.グレートサスペンダー
The Great Suspender は無料でオープンソースの Google Chrome 拡張機能で、Chrome が使用するメモリの量を最小限に抑えます。これは、休止状態のタブを自動的に一時停止することによって行われます。内部的には、休止状態の Web ページからグラフィックや JS などを取り除きます。
The Great Suspender Chrome 拡張機能
2. UXチェック
UXチェック Chrome拡張機能は、迅速かつ簡単なヒューリスティック評価により、ユーザビリティの問題を認識するのに役立ちます。
ワークフローはシンプルです。アイコンをクリックして Nielsen の 10 のヒューリスティックス Chrome Dev ツールのようにサイド パネルで起動します.評価に合格しなかった要素をクリックして、メモを追加したり、スクリーンショットを撮ったり、簡単に共有できるように s docx ファイルとしてエクスポートしたりできます。
UX チェック Chrome 拡張機能
3.点眼器
スポイトは、私が知る限り、最も優れた色選択ツールです。スポイト と Cooler ピッカーの 2 つのタブがあります。スポイト ツールを使用すると、任意の Web ページから色を選択できます。また、カラー ピッカー ツールを使用すると、カスタム カラーを選択できます。
Web ページから選択した色、またはカラー ピッカー タブから選択した色は、CSV ファイルとしてダウンロードできるパレットに自動的に保存されます。また、スポイトはすべての色を RGB、HSL、HEX コード、および名前で表示し、キーボード ショートカットをサポートします。
スポイト Chrome 拡張機能
4. FontFace Ninja
FontFace Ninja は、あらゆる Web サイトのあらゆるフォントに関する情報を表示できます。無料フォントのダウンロード リンクと、有料フォントの価格を表示するオプションが含まれています。
FontFace Ninja には、ダーク モードの使用、画像内のフォントの検出 (ベータ版)、およびブックマーク オプションの表示のオプションもあります。
FontFace Ninja Chrome 拡張機能
5.ページルーラー
Page Ruler は、Web ページの幅と高さを測定できる最小限の定規拡張機能です。いくつかのキーボード ショートカット、親要素と子要素のナビゲーション、測定ガイドライン、10 か国語でのローカライズが特徴です。
Page Ruler Chrome 拡張機能
6. Facebook 動画ダウンローダー
FB ダウン Facebook やその他のビデオ再生ページからビデオを簡単にダウンロードできます。これを使用して、特定の著作権で保護されたビデオを含むすべての一般的なメディア形式をダウンロードできます (音声なしでビデオをダウンロードすることを選択した場合)。
FB Down は Web ページのリンク スニファーとして機能し、ダウンロード可能なコンテンツが表示されるとアイコンが点灯します。
Facebook Video Downloader Chrome 拡張機能
7。パーフェクトピクセル
PerfectPixel by WellDoneCode は、ピクセルパーフェクトな Web サイトを作成するための最適な拡張機能です。開発サイトと比較できるオーバーレイとして画像を設定できます。キーボード ショートカット、半透明の画像オーバーレイなどをサポートしています。
PerfectPixel Chrome 拡張機能
8。 TinEye
TinEye は完全な逆画像検索ツールであり、キーワード、メタデータ、透かしの代わりに画像識別技術を実装した最初のツールです。画像に一意のデジタル署名を作成し、その署名をインデックス内の署名と比較することで機能します。
TinEye は検索結果に類似の画像を返すだけでなく、トリミング、サイズ変更、および編集されたバージョンを除外せずに完全に一致します。
TinyEye Chrome 拡張機能
9. CSS ペッパー
CSS Pepper を使用すると、CSS を (隠しオブジェクトも含めて) 抽出し、美しいスタイル ガイドを整然とした方法で作成できます。これにより、設計者や開発者は、コードを検索するよりも設計に時間を費やすことができます。
CSS Pepper Chrome 拡張機能
10。 WhatRuns
WhatRuns は、フレームワーク、テーマ、フォント、CMS などを含む、あらゆる Web サイトで実行されているすべての情報を通知します。
また、新しいテクノロジーが追加されたときに拡張機能が通知するように、Web サイトをフォローすることもできます。
WhatRuns Chrome 拡張機能
11.ムズリ
Muzli は無料の拡張機能で、何千もの美しく感動的なデザインを新しいタブの代わりの形でブラウザに直接表示します.
新しいタブを開くたびに、Muzli は、InVision、Muzli、Dribble、Product hunt、CNN、CSS Author などを含む 120 以上のソースからの最も美しいデザインのいくつかをタブに取り込みます!これはデザイナーにとっての宝石です。
Muzli Chrome 拡張機能
12。寸法
Dimensions は無料でオープンソースの拡張機能で、ページ要素間の距離をスマートに測定する方法を提供します。
マウスを相対的にドラッグしてホバーすることで、画像と HTML 要素の寸法を見つけます。キーボード ショートカットを使用して作業することもできます。Chrome 拡張機能リストの最後にキーボード ショートカットを設定して拡張機能を切り替えることを忘れないでください。これにより、最高のエクスペリエンスを楽しむことができます。
Dimensions Chrome 拡張機能
他にも知っておくべき拡張子があります。 Checkbot は、壊れたリンク、安全でないページ、無効な HTML/CSS/JS、重複したタイトルなどをチェックすることにより、SEO の評判と Web サイトの全体的な速度とセキュリティを高めることを目的としています。開発中に気付かないかもしれない問題。
そして Check My Linksウェブページをクロールして、壊れたリンクがないことを確認します – これは無料ですが、それほどではありません屈強。
私たちが知っておくべきデザイナーや開発者向けのクールな拡張機能はありますか?以下のコメント欄に追加してください。