ガイド、ルーラーを表示するプログラムはありますか？cssでHTMLレイアウトをPhotoshopのcompに一致させることができます。ベストプラクティスとは何ですか？ 今私は、スクリーンショットをしていると四角形のツールを使用して私の測定値をスクリーンショットから取得し、それらがcompと一致するかどうかを確認しますが、これは時間がかかります。私は、あなたのCSSピクセル測定値を微調整するために、ルーラーや測定値を表示することができるプログラムや何かが必要かと思っています。htmlピクセルに完全に一致する
は、ピクセルパーフェクト拡張機能を試してみてください：https://addons.mozilla.org/en-US/firefox/addon/pixel-perfect/
ピクセルパーフェクトウェブ することができますFirefoxの/ Firebugの拡張機能です開発者とデザイナーは、Webコンポジションを開発済みのHTMLの上部の に簡単にオーバーレイすることができます。
ページをリロードするときにレイヤーを維持する方法を知っていますか。私はページをリロードするときにそれをオフにし続けます。これは世界の終わりではありませんが、それを維持し続けなければならないのは少しイライラします。 – Chapsterj
それは私のために「オフ」にはならない - 私はページをリロードした後でもオーバーレイはまだそこにある。 Firefox 5とFirebug/Pixel Perfectの最新の安定版でテストしました。 [新しいFirefoxプロファイル]（http://support.mozilla.com/en-US/kb/Managing-profiles）を作成し、これらの拡張機能のみをインストールしてみてください。 – thirtydot
ああ、ピクセルの完璧なタブに滞在し、そこに残っている場合は、HTMLのタブに移動して再読み込みする場合は戻って、ピクセルの完璧な層をもう一度オンにする必要があります。 – Chapsterj
私はこのようなことのための便利なFireFoxのMeasureItツールを見つける：
https://addons.mozilla.org/en-US/firefox/addon/pixel-perfect/これまで述べたとおりです。そして、btw、あなたはPhotoshopでも距離を測定することができます：時には値を必要とします。 PSでルーラーとルーラーツール（取得するまではShift + I）を使用します。私はPSとPixelPerfectアドオンの測定結果を私の作品に組み合わせます。
私はthirtydotの示唆したようにPixel Perfect拡張機能を使用していますが、これは問題なく動作します。ただし、これはFirefoxで正確なデザインを提供するだけです。他のすべてのブラウザは1ピクセル（または2ピクセル）離れている可能性があります。 –
これも素晴らしいです。両方の答えに感謝します。 – Chapsterj