Draggable guides and measuring for your browser
Create Photoshop-style guides in your browser.
Use Aline to keep your development in line with the design. With Aline it's easy to see when padding or margins are not quite lining up. The perfect tool to complement your front end development workflow.
Simply drag guides out from the rulers and set up a grid to match your page. Make sure elements on subsequent pages match the same grid with persistent guides. Even if you use a grid, differences in padding can mean your layout doesn't align.
- Drag guides out from the rulers.
- Hover over a guide to measure the distance between any intersecting guides.
- Guides are persistent on page refresh and across domain.
Make sure your designs align with Aline.