31–39 of 39 posts
lgtm I really like the selection color-change, but I'm not sold on the actual CSS :/ It's too bad line-height doesn't work so great, because that feels like a great solution.
Do you mean border bottom in conjunction with reduced line-height as a solution for link underlines? Or something else?
I really do not like this. It breaks the assumption (wrong word? Intuitive guess?) that one underline == one link. Which means that every time I look at the link I do a doubletake trying to figure out why there are 6+ links in that word.
I see your point, but I have a counter assumption that individual letters without spaces between will not ever be linked that cancels it out for me.
I really do not like this. It breaks the assumption (wrong word? Intuitive guess?) that one underline == one link. Which means that every time I look at the link I do a doubletake trying to figure out why there are 6+ links in that word.
Worth noting that a continuous line can hide several links. The security conscious that likes to hover links before clicking them know this well, hence I always appreciate the use of a css :hover that would also somewhat attenuate that problem. (http://jsfiddle.net/46qvv6kn/)
see examples http://www.wired.com/2014/11/2014-physics-gift-guide/
I really do not like this. It breaks the assumption (wrong word? Intuitive guess?) that one underline == one link. Which means that every time I look at the link I do a doubletake trying to figure out why there are 6+ links in that word.
Earlier quoted context omitted.
That's among the reasons I generally ad an on-hover very slight background color shift to links. It allows me to see what the boundaries of a link are before clicking it. I also dispense with the underline on links by default. The following is from what I call my "unstyled" CSS -- I'll apply it to bare-bones HTML websites. a { color: #1e6b8c; text-decoration: none; transition-property: color, background-color; transi…
Your a:hover styles should also be applied to a:focus [0]. You might also want to read about why using only color to differentiate links is bad practice [1]. [0] http://www.456bereastreet.com/archive/201004/whenever_you_us... [1] http://www.w3.org/TR/WCAG20-TECHS/F73.html
If you'll apply those styles to a page, you'll find that:
* Links are colored. Blue colorblindness is quite rare. That's arguably a far better choice than the orange/red links I'm seeing more frequently now. For myself, I find underlines distracting.
* On hover they're underlined and the background cover shifts.
* On click, foreground and background colors are inverted.
Your point on :focus vs. :hover is probably well-taken, though those have been equivalent for my use.
I've encountered a number of sites with disappearing sub-menus (themselves an arguably broken UI element), where the rule for visibility is :hover of the/a parent element. Which means that when the pointer moves off the parent and onto the submenu, the submenu disappears. LinkedIn has been exhibiting this recently.
Anyone whose website looks like this [1] has no business complaining about underlines. [1] http://i.imgur.com/Y1MAsHt.png
My personal website is a playground for ideas; it is not a product anyone payed me to build, and it is not intended to sell anything. The fixed semi-transparent nav is an attempt to balance my annoyance with fixed navs that break page down/page up functionality with the utility of having quick access to useful links (use case being “interesting post, who is this person?” or “what else have they done?”). I don’t love it, and it’s pretty bad at mobile widths, but it has the distinct advantage of preventing readers from losing their place when paging. Another commenter picked up on that: https://news.ycombinator.com/item?id=8679336
Anyways, I appreciate the criticism. Though I heartily disagree that as a result of that expirement, I cannot write about improving text underlining on the web.
I find the "regular" underline a LOT more readable and ensure im seeing an hyperlink... IMO readability should always trump "being pretty".
Anyone whose website looks like this [1] has no business complaining about underlines. [1] http://i.imgur.com/Y1MAsHt.png
Sorry if I gave the impression I was complaining about underlines. My personal website is a playground for ideas; it is not a product anyone payed me to build, and it is not intended to sell anything. The fixed semi-transparent nav is an attempt to balance my annoyance with fixed navs that break page down/page up functionality with the utility of having quick access to useful links (use case being “interesting post,…