Adam Roberts here, filling in once again.
We’re nearly there with setting up our new JavaScript editor(s), so hopefully the next time you receive this it’ll be from them! In the meantime, I’m going to try to say as little as possible about JavaScript (and therefore expose my ignorance) while still providing you with some valuable stuff. Let’s see how that works out.
As I mentioned last time, one of the other things I do is write our daily email
Versioning, which is full of useful links for devs of all stripes. I’m never short on JavaScript libraries, but I thought I’d highlight one from last week that focused on a common bugbear of web devs and designers — the humble (and horrible) text underline.
As our Design and UX editor Alex Walker
mentioned a few months ago, the underline is probably the most pervasive web convention, despite serious typographers being seriously against it. (Ironically, one place the convention isn’t used is this email template.)
Last year the design team at Medium wrote about
their struggle with this issue, eventually settling on a creative use of background images. This solution was built on by the team at Eager, who created the JavaScript library
SmartUnderline.
underline.js is a JavaScript and CSS library that aims to solve the underline problem in a beautiful and playful way. The library offers pixel perfect underlines, along with the ability to make the lines interactive (definitely check out the demo to see — and hear —that). The creator of the library has offered a collection of suggestions to the W3C for CSS4 that would help solve this issue.
Hopefully, libraries like this won’t be necessary one day. But until that day comes, underline.js might be your best bet!
댓글 없음:
댓글 쓰기