概要
デザインカンプをWebページに重ねて、コードとピクセル単位で比較できるブラウザ拡張機能です。
PerfectPixelは、デザインカンプを半透明のオーバーレイとしてWebページ上に重ねて表示する拡張機能です。ブラウザ上でコーディング結果とデザインを直接比較し、ピクセル単位のずれをすぐに確認できます。タブを切り替えたり、画面を並べて見比べる必要はもうありません。 使い方：拡張機能をインストールし、任意のページを開いて画像を追加します。ドラッグ＆ドロップ、URL貼り付け、クリップボードからの貼り付け、ファイル選択のいずれにも対応。オーバーレイの位置とサイズを調整し、透明度を変えながら比較します。 機能一覧： - PNG、JPG、SVGをあらゆるWebページにオーバーレイ表示 - 透明度をリアルタイムに調整して視覚的に比較 - 4つのブレンドモード（Difference、Invert、Multiply、Overlay）にNormalを加え、種類の異なるずれを検出するのに有効 - オーバーレイをロックして、下にあるページ要素をクリック・操作可能 - ドメインごとの保存：レイヤーはサイトごとに保存され、ブラウザセッションをまたいで自動復元 - 1ドメインに複数レイヤーを配置可能 - 拡大縮小、位置調整、中央揃え - 主要操作のキーボードショートカット Pro機能： - 同時使用レイヤー数の制限なし（無料版は2レイヤーまで） - レイヤーをまとめるフォルダ - レイヤーの回転 - ダークテーマ - カスタムアイコン、アクセントカラー、カスタムCSS フロントエンド開発者、QAエンジニア、制作会社、開発チームなど、実装がデザイン通りかを正確に確認する必要があるプロフェッショナルのために作られました。 350,000人以上の開発者が利用。Chrome Web Storeで10年以上の実績。
詳細
プライバシー
PerfectPixel by WellDoneCode (pixel perfect) から、お客様のデータの収集と使用に関する以下の情報が開示されています。 詳しくは、デベロッパーの privacy policy をご確認ください。
PerfectPixel by WellDoneCode (pixel perfect) は次を扱います。
このデベロッパーは、お客様のデータについて以下を宣言しています
- 承認されている以外の用途で第三者に販売しないこと
- アイテムの中心機能と関係のない目的で使用または転送しないこと
- 信用力を判断する目的または融資目的で使用または転送しないこと
