Hacker News new | ask | show | jobs
by FezVrasta 3729 days ago
Oh... Any idea to make them look more like examples?
2 comments

Make a button that says "click me" that displays the first one. Then people know what they're looking for and have their attention drawn to it.
Good idea, thanks!
In my opinion the only one that wasn't immediately obviously an example was the scroll one, due to the lack of scrollbars (I thought "scroll" was referring to the page and was confused about why it wasn't moving when I scrolled the page).
Stupid mac scrollbars :P I'll do something to increase the visibility of the examples then. Thanks again!
I wouldn't recommend the CSS route as you'd be working against a core OS feature. On OS X: System Prefs > General > Show scroll bars > "Automatically based on mouse or trackpad"; "When scrolling"; "Always".

It's possible via something like [1], but the problem is you are hardcoding colors for a specific OS version. The example given in the link is a much darker scrollbar than is present in Yosemite.

I'd just go the route of labeling the example more explicitly. By the way, nice job on the site. Very snazzy, and you didn't make the mistake a lot of people make which is to hijack the native scrolling.

[1] http://stackoverflow.com/a/10100209/2609094

I think there is CSS that can make your scrollbars actually visible
::-webkit-scrollbar { width: 1em; }
It just reserve space for the scrollbar but doesn't make them appear
div.mydiv { overflow-y: scroll; }