Hacker News Reader

_dteon Open Letter to Web Designers and Developers: Max CSS

Hi all. Thanks for your comments on this. I've addressed a few of the misunderstandings and concerns raised here on HN, Twitter et al over on my blog: http://daneden.me/2012/07/max-css-in-depth/

_dteon Just My Type

Thanks! I tried hard to make it look great on all the things.

_dteon Animate.css - a bunch of plug-and-play CSS animations

You too, Mr Cabbage.

_dteon Animate.css - a bunch of plug-and-play CSS animations

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'.

_dteon Animate.css - a bunch of plug-and-play CSS animations

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.

_dteon Animate.css - a bunch of plug-and-play CSS animations

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.

_dteon Animate.css - a bunch of plug-and-play CSS animations

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!)

_dteon Animate.css - a bunch of plug-and-play CSS animations

I prefer vanilla CSS, but if that's something you'd like to see, why not fork it and make your own?

_dteon Animate.css - a bunch of plug-and-play CSS animations

A js/jquery plugin/fallback is in the works.

_dteon Animate.css - a bunch of plug-and-play CSS animations

@_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.