ガイド、ルーラーを表示するプログラムはありますか?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アドオンの測定結果を私の作品に組み合わせます。
- 1. .htaccessファイルと完全に一致し、完全一致しない
- 2. 完全一致
- 3. 完全に一致SQL
- 4. スフィンクス - 完全一致!
- 5. elasticsearchスプリングリターン完全一致
- 6. 完全一致文字列
- 7. mysqlの完全一致
- 8. AngularJSフィルター完全一致
- 9. ピクセル完全なアンドロイドアプリ
- 10. ピクセル完全な衝突+ブリッティング
- 11. ピクセルの完全な衝突?
- 12. 正規表現と完全に一致する文字列
- 13. Solr:完全に一致しないフィールドを検索する
- 14. バックボーンで完全なURLに一致する
- 15. perlを使用して文中で完全一致を一致
- 16. SQL Serverのフルテキスト検索で、完全一致とフォールバックの一致
- 17. Azure検索、完全一致のフレーズ一致
- 18. SOLR完全一致の問題
- 19. jQueryのここで完全一致クラス
- 20. 弾性検索クエリの完全一致
- 21. 完全一致のC++関数オーバーロード
- 22. Regexes:完全一致の数をカウント
- 23. gsub関数、パターンの完全一致
- 24. MongoDB条件との完全一致
- 25. パターン内のSQL完全一致?
- 26. パースペクティブシェル:一致インスタンス完全ホスト名
- 27. Elasticsearchでの完全一致(ファセット検索)
- 28. Solr 6 DateRangeField完全一致の検索
- 29. Luceneオプションの完全一致クエリ構文
- 30. 部分と完全フレーズ一致
私はthirtydotの示唆したようにPixel Perfect拡張機能を使用していますが、これは問題なく動作します。ただし、これはFirefoxで正確なデザインを提供するだけです。他のすべてのブラウザは1ピクセル(または2ピクセル)離れている可能性があります。 –
これも素晴らしいです。両方の答えに感謝します。 – Chapsterj