SmartUnderline is an open-source JavaScript library which uses clever tricks to draw underlines in a more beautiful and readable way. It can be downloaded on GitHub or installed for free on the Eager App Store.
SmartUnderline works by searching your page for links which have a CSS underline applied with text-decoration, and replaces the text-decoration with a smarter line drawn in such a way that it gets cleared by the descenders—glyphs such as “g”, “j”, and others—creating more readable and beautiful links.
Some before-and-after examples.
Intriguing, eh?Intriguing, eh?
And one more for some fun. :)
While SmartUnderline works great on blogs and in other controlled-text enironments, there are a few things you should be aware of when considering using SmartUnderline on your website.
Read more about SmartUnderline on the Eager blog →