Baseliner for Chrome

Nowadays creating a website could not have been any easier. Be that as it may, there are still a lot of little aspects (that are often overlooked) a good web developer should take into account when doing so.

Aspects such as the choice of colors, the general theme of the website, as well as ensuring a proper alignment (both vertically and horizontally) for the website's texts and other design elements are extremely important.

Baseliner for Chrome is an interesting cross-browser extension (also available for Firefox) that adds horizontal and vertical lines on top of any website to ensure perfect alignment for all the design elements.

The beauty of this extension has to do with its CSS grid layer added on top of any website. More to the point, it's fully customizable. As mentioned before, you can add vertical and horizontal grid lines on top of any website.

The extension allows you a great degree of freedom when it comes to tweaking the said grid lines. You can customize aspects such as the opacity of the grid, the color for both the vertical and horizontal elements, as well as the distance between the lines.

You can also offset the whole customizable CSS structure by various degrees. Last but not least, at the top of the extension's GUI, there's a status bar that allows you to see if your grid changes are properly refreshed.

To conclude, if you're looking to check the so-called vertical and horizontal rhythm of your website is in tip-top shape, or you simply want to make sure your text is properly aligned, this extension fits the bill perfectly.