Gridman - CSS Grid inspector. Ultra Fast!
Gridman is a CSS Grid inspector for Chrome that allows users to easily analyze and inspect CSS grids. This add-on is lightning fast and activates on grid mouseover, making it incredibly efficient for developers.
Gridman supports various CSS grid properties, including display: grid, grid-template-columns, grid-template-rows, grid-gap, grid-area, and nested grids. With these features, developers can easily visualize and understand the structure of their CSS grids.
One important thing to note is that if you encounter any issues or have questions about the extension, it is recommended to reach out to the developer for assistance. They have provided a Google form where you can ask questions and seek clarification.
Please keep in mind that Gridman, like any other Chrome extension, will not work on local files due to security reasons. This is to protect users from potential risks associated with accessing the file system. However, the developer suggests using a tiny HTTP server to utilize Gridman on local files.
In recent releases, versionhas removed the context menu that displayed samples of grids, while versionhas fixed the highlighting of nested grids.
Gridman is a valuable tool for developers working with CSS grids, providing a fast and efficient way to inspect and analyze grid layouts in Chrome.