The project is currently under development.
If you have 8 minutes and want to know what is the story behind creating underline.js, you can hear all about it in this
NY Tech Meetup presentation video
Underline.js has following features:
- It doesn't have ghost pixels. It is not just pixel perfect, but also pixel perfect on half pixel level for retina display
- It has an optimized thin stroke-width. It is always 1/6 of width of the period mark.
- It sits on the optimal Y position between the baseline and descender line, that optimal Y positon is the golden ratio point.
- It has holes around descenders. Completely respect the type's shape. If you ask, the size of the holes are also optimized to the perfection.
CSS4 Proposal to W3C
text-underline-color: #000000; // auto means the same color as the text color, or hex value text-underline-position: auto; // could be ratio or px or auto text-underline-skip: true; // true to set holes around descenders, false to turn it off text-underline-width: auto; // could be auto or px or ratio text-underline-animation: true // true or false, this one is only for underline.js
Mentions (thank you!)
Note: underline.js doesn't have dependency on jquery
Parsons Alumni news