Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
This project is not covered by Drupal’s security advisory policy.
PixelPerfect is a utility module designed to give Drupal themers the ability to quickly identify inconsistencies between their current theme implementation and the mockup they are working from. When enabled, a themer will be presented with a variety of hybrid displays that will overlay the mockup over the rendered output from the Drupal theme layer. Themers will then be able to quickly and accurately position the mockup overlays to their needs.
To Enable:
- Download and enable PixelPerfect
- Create a png or jpg of your mockup
- Upload the file through the form at /admin/settings/pixelperfect
- Enable & Disable PixelPerfect via the link in the Development block, or use the drush commands: "drush pp-en" & "drush pp-dis".
Dependencies:
Compatibility
- Firefox 2+ / Gecko
- Safari
- Google Chrome
- Internet Explorer 6 (limited)
- Internet Explorer 7 (limited)
- Internet Explorer 8 (limited)
- Internet Explorer 9 (jQuery UI draggable() <1.8.6 incompatible with IE9 )
- Konqueror and derivatives (TBD)
- Opera 7.2+ (not working)
Project information
- Module categories: Developer Tools
- Created by ChrisMiller627 on , updated
- This project is not covered by the security advisory policy.
Use at your own risk! It may have publicly disclosed vulnerabilities.