_dte
_dte on Hacker News
Posted by
_dte on Monday November 19, 2012 @06:37PM
from the striving.me dept.
Posted by
_dte on Wednesday November 07, 2012 @05:03PM
from the onword.co dept.
Thanks! I tried hard to make it look great on all the things.
true - Webkit is the only browser with
full support at the moment. Apple/Webkit team were the ones to bring it to the spec.
Mozilla added support recently, and support has been promised in IE10 and the next Opera release. To me, that spells 'web standard'.
Those are CSS3 transitions (a 'tween' between two states, such as a hover event), not animations.
Animation support is coming in the next release of Opera.
The benefits of CSS animations are plenty. Unfortunately, support is still very scarce: the Webkit team brought the animation property to the CSS3 specification. Mozilla have only very recently added support in Firefox.
however, both Microsoft and Opera have announced support in their upcoming releases.
In my opinion, CSS animation are much easier to write than Javascript animations, and don't require external libraries such as jQuery.
true, but as I've said here and on the site, the animations featured in the library are meant for interaction. I agree that until this tech evolves, games etc are better suited to Javascript animation (or even flash - or just let them stay in advanced languages and dedicated platforms!)
I prefer vanilla CSS, but if that's something you'd like to see, why not fork it and make your own?
A js/jquery plugin/fallback is in the works.
@_dte here (the author)
vihnboy - a debugger for CSS animations would be great. Luckily, the webkit inspector will tell you all the CSS properties an element carries and indicates CSS errors. However, it doesn't show you errors with associated keyframes - that would be awesome.
james33, johnyzee - the tech is pretty well supported, but indeed has a long way to go. It's in the css3 spec, which is great, and IE10 will support it. Remember - it's an extra layer of interaction, not an important feature of any website. use it subtly.