Click around, hover over a link • Hacker News Board

Re: Click around, hover over a link

#11

Post by kylebrown » Fri, Sep 28, 2012, 4:28 AM UTC

hover? seriously? Didn't mouseovers become a big design no-no, now that tablets are in and PCs are out? I hope I remember to check this later when I'm on my laptop.

ps. I love desandro's isotope library

Re: Click around, hover over a link

#12

Post by sgdesign » Fri, Sep 28, 2012, 4:40 AM UTC

kylebrown wrote: post #11

hover? seriously? Didn't mouseovers become a big design no-no, now that tablets are in and PCs are out? I hope I remember to check this later when I'm on my laptop. ps. I love desandro's isotope library

The "big no-no" is having important information that is only displayed on hover, not hover effects in themselves.

Re: Click around, hover over a link

#13

Post by xemoka » Fri, Sep 28, 2012, 4:59 AM UTC

pooriaazimi wrote: post #5

Nice hack (especially when you're clicking around), but what caught my eye was that maybe for the first time, Safari is actually waaay faster than Chrome or Firefox. This is (roughly) the framerate I got when I tried it on the these three browsers (all latest versions, Windows Vista): Safari: 60 fps (or 30, or whatever "completely smooth" means) Chrome: 20 fps (compared to Safari) Firefox: 30 fps (compared to Safari)…

Do you have chrome://flags -> "GPU compositing on all pages" set to enabled?

Re: Click around, hover over a link

#14

Post by amccloud » Fri, Sep 28, 2012, 5:01 AM UTC

pooriaazimi wrote: post #5

Nice hack (especially when you're clicking around), but what caught my eye was that maybe for the first time, Safari is actually waaay faster than Chrome or Firefox. This is (roughly) the framerate I got when I tried it on the these three browsers (all latest versions, Windows Vista): Safari: 60 fps (or 30, or whatever "completely smooth" means) Chrome: 20 fps (compared to Safari) Firefox: 30 fps (compared to Safari)…

From what I can tell, requestAnimationFrame in Chrome runs at a slower frame rate. I've had a similar experience with a plugin i'm writing. Maybe I was doing something wrong but requestAnimationFrame was firing once for every ~10 actual frames in Chrome.

Re: Click around, hover over a link

#15

Post by pooriaazimi » Fri, Sep 28, 2012, 5:05 AM UTC

xemoka wrote: post #13

pooriaazimi wrote: post #5

Nice hack (especially when you're clicking around), but what caught my eye was that maybe for the first time, Safari is actually waaay faster than Chrome or Firefox. This is (roughly) the framerate I got when I tried it on the these three browsers (all latest versions, Windows Vista): Safari: 60 fps (or 30, or whatever "completely smooth" means) Chrome: 20 fps (compared to Safari) Firefox: 30 fps (compared to Safari)…

Do you have chrome://flags -> "GPU compositing on all pages" set to enabled?

No, it was "Default".

I enabled it and... much to my surprise, the frame rate dropped significantly. It's now like 3 (three) frames per second (it's so slow I am able to actually count the frames!)

The "hover" animation (rainbow thing) is fine, 100% smooth. But the exploding animation is just ridiculously slow.

Then I set it to be disabled and the frame rate improved a little.

    Default: 20 fps
    GPU composition DISABLED: 10 fps
    GPU composition ENABLED: 3 fps

The machine I'm testing with is not particularly powerful, maybe that's the problem. 2 or 3 GBs of RAM, nVidia 9400 (or something like that).

Re: Click around, hover over a link

#16

Post by austenallred » Fri, Sep 28, 2012, 5:58 AM UTC

A great piece of engineering, but I have to say... just because you can do something, doesn't mean you should.

I hate too much negativity, though, so I'll repeat my, "Well done."

Re: Click around, hover over a link

#17

Post by kunil » Fri, Sep 28, 2012, 6:14 AM UTC

Kinda reminds me of my old flash text effects. http://0.s3.envato.com/files/42885/preview.swf (second and forth one)

Re: Click around, hover over a link

#18

Post by TazeTSchnitzel » Fri, Sep 28, 2012, 7:26 AM UTC

DigitalSea wrote: post #8

This simple effect reminds me of the hey day of horrible animated GIF files, entertaining nonetheless and pretty awesome that this kind of effect can be done without using images. Aside: David DeSandro is awesome. His jQuery Masonry plugin has saved me so many times when I've been tasked to build a horizontal site.

You'll love this horrible abuse of CSS3 and HTML5 I dreamed up with my friend, then:

http://orangestar.cats4gold.net/drogz/

Why yes, that is an instrumental MIDI converted to MP3 and OGG.

Re: Click around, hover over a link

#19

Post by ygra » Fri, Sep 28, 2012, 9:12 AM UTC

pooriaazimi wrote: post #15

xemoka wrote: post #13

Earlier quoted context omitted.

Do you have chrome://flags -> "GPU compositing on all pages" set to enabled?

No, it was "Default". I enabled it and... much to my surprise, the frame rate dropped significantly. It's now like 3 (three) frames per second (it's so slow I am able to actually count the frames!) The "hover" animation (rainbow thing) is fine, 100% smooth. But the exploding animation is just ridiculously slow. Then I set it to be disabled and the frame rate improved a little. Default: 20 fps GPU composition DISABLED…

A bit sad if that's “not particularly powerful” for animating a few letters on a freaking web page ... :-)