Pixels Dev Tools
Web developers need to match mocks. Creating pixel-perfect implementations of a design can be a chore... or it can be a delight. The right tooling makes all of the difference.
Pixels enables on-screen guidelines that are shared across tabs.
1. Drag and drop your mocks into new browser tabs.
2. Open up Chrome Dev tools and navigate to the "Pixels" tab.
3. Drop guidelines on your mocks.
4. View those guidelines on your development website.
5. Tweak the CSS to your heart's content.
6. Profit. Seriously. People pay good money for pixel-perfect websites.