Implementation of frontend debugger for visualising your CSS layouts. Outlines every DOM element on your page with a random (valid) CSS hex color.

Original JS code here https://gist.github.com/addyosmani/fd3999ea7fce242756b1

Installation

Enable module and have your layout visualised as shown on attached image.
By default it is turned OFF, you can turn it ON with
ALT + C
you can turn it OFF by doing the same.
ALT + C

Tips:
Don't install this module to production environment, use config split https://www.drupal.org/project/config_split and use it only for local development

Project information

  • caution Seeking new maintainer
    The current maintainers are looking for new people to take ownership.
  • caution Maintenance fixes only
    Considered feature-complete by its maintainers.
  • Module categories: Developer Tools
  • Created by Marko B on , updated
  • shieldStable releases for this project are covered by the security advisory policy.
    There are currently no supported stable releases.

Releases