iOSとかの実機でPerfectPixel的な事やる

ピクセルパーフェクトなんて言葉があるらしい。
デザイナーやチェックする方の意思だったりで
案件によってはかっちりpx単位で
デザインラフに合わせる必要が出てくる場合があります。

個人的にはそこまでやるの?って思っちゃう方で、
論争だったりにもなってるらしいけど、そこは置いといて。

まぁプロですから出来る限りはやりますとも。予算にもよるけど

で、まぁ細かく合わせようとすると
chrome拡張とかのPerfectPixel使うといいと思います。

https://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi?hl=ja

大体はこれで合わせれば納得してくれる場合がほとんどだけど、

さらにiOSとかの実機での表示もpx単位でバックもらう事もあります。
ってなると拡張機能とか多分読めないので

どうしようかなって悩んだ末それっぽい拡張も無さそう?なので
自作でカンプ重ねるの作ってみました。

See the Pen ダブルクリックorタップでカンプ表示 by admin@nocebo.jp (@nocebojp) on CodePen.


やってることとしては
bodyにクラスつけたりで表示・非表示切替えてるだけです。

一応キーボードとダブルクリック/タップで変えれるようにしてみた。
キーボードの反応するボタンとかマススの長押しとかでもお好みで変えれば良いと思います。

other

Posted by admin