J. Pedro Ribeiro

Baseliner: My First Chrome Extension

August 30, 2015

Baseliner in action I’ve build a small tool a while ago to help me align elements on a page and keep the baseline consistent. It adds a customisable horizontal grid layer on top of any site whilst keeping the background content usable.

It started as a simple CSS snippet: background repeated every 8px. Later it became a JavaScript bookmarklet since I needed to run it frequently. Then, added some input fields to let me change the grid value dynamically.

Chrome it’s one of my tools of choice when doing web development work. Using extensions too. Almost every front-end engineer has a range of extensions that are essential. Managing cookies, cache, enable/disable features, storage, etc. So moving this tool to an extension environment sounded like the next logical step.

It is a simple tool and it does the job it’s meant to. Nothing more, nothing less.

You can find it at the Chrome Web Store, link is here: https://chrome.google.com/webstore/detail/baseliner/agoopbiflnjadjfbhimhlmcbgmdgldld

All feedback is welcome. You can reach me at @jpedroribeiro.

PS: All the source code is freely available at github.com/jpedroribeiro.

J. Pedro Ribeiro

I’m a Brazilian front-end developer living in London. This website features some of my latest projects and my thoughts on anything web related.
You can find me on Twitter, Instagram, and LinkedIn.