Live data from Hacker News

Hover.css – A collection of CSS3-powered hover effects

ianlunn.github.io

11–15 of 15 posts

Re: Hover.css – A collection of CSS3-powered hover effects

#11

Those are really nicely done effects, and I could see finding a use for some of the effects -- but not triggered on hover, I've pretty much given up on anything triggered on hover, because of need to support touch.

There's still a lot of desktop systems out there. And anything you trigger on hover can be triggered on other pseudo selectors (active, selected). I've found hover effects to be really useful on a client-side basis -- I do a lot of restyling of websites to improve readability and usability. One modification I've made is an asymmetrically timed resizing of edit dialogs in the case of Diaspora. One second after entry,…

I like the dialog expanding thing -- but that's not on hover over the text box, it's on click/touch/select/entry into the text box, right? Or you really mean hover? It seems to me it'd be annoying on hover, but maybe I'd have to see it.

Re: Hover.css – A collection of CSS3-powered hover effects

#13

Earlier quoted context omitted.

There's still a lot of desktop systems out there. And anything you trigger on hover can be triggered on other pseudo selectors (active, selected). I've found hover effects to be really useful on a client-side basis -- I do a lot of restyling of websites to improve readability and usability. One modification I've made is an asymmetrically timed resizing of edit dialogs in the case of Diaspora. One second after entry,…

I like the dialog expanding thing -- but that's not on hover over the text box, it's on click/touch/select/entry into the text box, right? Or you really mean hover? It seems to me it'd be annoying on hover, but maybe I'd have to see it.

On hover, with a 1s delay to expand. In practice that means the window usually expands as you start writing into it. And it's hard to trigger by accident.

I haven't tried on active yet, but suspect that that would not persist after I released the mouse button. With hover. so long as the mouse stays over the textarea and surrounding frame, it remains expanded.

I've posted code:

http://www.reddit.com/r/dredmorbius/comments/1spr7a/asymmetr...

(see the last code sample there).

Re: Hover.css – A collection of CSS3-powered hover effects

#14
post #4

Unfortunately, hover effects are becoming less important to me because of how awkward they are on touch devices.

I would like to see touch devices start using eyetracking via the camera to infer what you are looking at and enable "ongaze" effects, which would have to be much more subtle versions of onhover. Furthermore, if ongaze, offgaze effects existed, it would be important to allow the user to disable them systemwide (i.e. short-circuit ongaze so it is never trigger).

Re: Hover.css – A collection of CSS3-powered hover effects

#15
post #9

My work monitors are crappy, rendering speech bubbles invisible. I'll look forward to checking this out on my own machine though. Checked out your personal site from here, nice work on Sequence.js! ( http://ianlunn.co.uk/articles/sequence-js-launch/ )

Thanks. Will up the contrast on the buttons this evening.
Post reply on HN