個人的には「あくまで手段の1つ。1pxのずれもなくコーディングすることが目的ではなく、デザインのルールに則った実装ができているかのチェック手段」という位置付けで良いと思っています。 そのため本記事では、まずPerfect Pixelを使用して“ズレをチェックし解決する方法”を解説しますが、記事の最後ではどこまでデザインに合わせるべきかの考え方もお話ししています。 ゴールとして、自分なりのピクセルパーフェクトへの向き合い方を持ってもらえればOKです! ピクセルパーフェクトとは「デザインデータ」と「コーディングデータ」見た目の数値(px)のズレがないようにすることです。 以下は今回紹介する方法でデザインデータとコーディングデータを重ねて表示したものですが、メインコピー部分が大きくずれていますよね。 このズレを解消し、デザインデータとコーディングデータでずれのないようにコーディングすることを「ピ