gridOverlay, a JS Plugin for Perfect Alignment
Why We Built It
The other problem it can help with is creating a baseline grid for your page. By default it shows a 24px baseline grid, but that can be easily modified in the options at the beginning of the JS file. Once you have your grid set up it’s simple to tweak values in the web inspector in your browser and then copy those back to your CSS.
The available options are: maximum page width, the number of columns, column width, column color, gutter width, baseline height, baseline color and whether or not the grid is visible on page load or has to be toggled on.
Plans for the future include breakpoints for responsive grids, a control panel rendered in the DOM for altering options on the fly and a bookmarklet for quick checks without downloading/installation.