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:

  1. Download and enable PixelPerfect
  2. Create a png or jpg of your mockup
  3. Upload the file through the form at /admin/settings/pixelperfect
  4. 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)

Downloads

Recommended releases

Version Downloads Date Links
6.x-1.0-alpha4 tar.gz (11.17 KB) | zip (13.05 KB) 2011-Apr-06 Notes

Development releases

Version Downloads Date Links
6.x-1.x-dev tar.gz (11.17 KB) | zip (13.05 KB) 2011-Apr-13 Notes

Project Information


Maintainers for PixelPerfect

  • beretta627 - 25 commits
    last: 1 year ago, first: 1 year ago

Issues for PixelPerfect

To avoid duplicates, please search before submitting a new issue.
All issues
Bug reports