Hacker News Reader

Comment by Edd314159 | Hacker News Reader

Forgive my ignorance of terms, but how is this "CSS-powered" if it's a jQuery plugin?

I think what they mean is that you don't have to type any javascript yourself, such as setting onclick-listeners. At the top of the page it reads "CSS powered (jQuery fallback)", however, if jQuery fails to load (e.g. when visiting the https-version of the same page), it doesn't work.

What I also don't understand is how this plugin was in any way 'missing'. It seems we had plenty already[1].

[1]: http://www.designrazzi.net/2014/free-jquery-accordion-menus-...

The animations are CSS powered, which takes advantage of GPU optimizations better than JS animations. If the browser does not support the necessary CSS animations then jQuery animations will be used.

jQuery is still necessary for the logic behind implementing an accordion, but the "heavy lifting" is done in CSS where possible.

Seeing an animation like this seems like such a trivial thing.

It's like rounded corners. Is anybody wasting effort with background images or javascript to make rounded corners for old browsers? I can't imagine they are. If they are, they need to have the graceful degradation talk with their boss/client.

Ah, thanks, that makes sense.

I believe he means that it uses CSS transitions, not javascript transitions. So the animations are what are, whenever possible, "CSS-powered"

Reply on news.ycombinator.com