Aline Chrome Extension
Simple draggable guides right inside Chrome
Developers often end up in disagreements with designers about the correct spacing and alignment of design elements once the design has been cut up. We thought we could help resolve the dispute.
In our experience, we've found that you can't always rely on the CSS alignment you’ve input for an element. Some elements just don't align as they should. We thought it would be useful if you could simply drag guides out from a ruler to visually show how your designs line up.
From there we realised the tool would be even more useful if you could use it to measure the gaps between your guides. So we added measurements. Just roll over each guide and it will display the distance to any perpendicular guide. Less designer vs developer arguments about spacing and alignment.