Animation in AngularJS • Hacker News Board

Re: Animation in AngularJS

#11

Post by yefim » Tue, Jun 25, 2013, 6:12 PM UTC

lenkite wrote: post #8

Ok, I am lost, but all I see is the definition of .fade CSS class using the transition/transform properties - not sure what this has to do with angularjs.

Also notice the opacity property that actually changes the opacity of the content.

Re: Animation in AngularJS

#12

Post by raju » Tue, Jun 25, 2013, 7:00 PM UTC

ok_craig wrote: post #2

I'm excited there's going to be an ngAnimate for animations in AngularJS, but I feel compelled to comment mostly to say that this presentation is awesomely done. Good job.

I agree. What a wonderful job with the presentation. Kudos.

Re: Animation in AngularJS

#13

Post by psgibbs » Tue, Jun 25, 2013, 7:14 PM UTC

kailuowang wrote: post #3

With ng-animate, angular completes the circle of defining HTML DOM behavior in a pure declarative way. I can't wait for this to go to the stable branch.

If you don't have a specific reason not to, I'd highly recommend using the unstable branch today. I've had no problems with it since I switched several months ago, and any breaking changes have been pretty well documented in the release notes.

Re: Animation in AngularJS

#14

Post by patrickaljord » Tue, Jun 25, 2013, 7:46 PM UTC

webo wrote: post #5

I haven't seen slid.es before. This is awesome.

It used to be called reveal.io, it's by Hakim El Hattab, the guy behind reveal.js http://lab.hakim.se/reveal-js/# and plenty other stuff http://hakim.se

Re: Animation in AngularJS

#15

Post by melling » Tue, Jun 25, 2013, 8:19 PM UTC

IE10 is over 10% market share. It's great that Microsoft is pushing the auto-update. If you don't care about the straglers, you'll be able to do some really cool stuff across all browsers and leave the legacy behind.

Re: Animation in AngularJS

#16

Post by tyndierock » Tue, Jun 25, 2013, 8:46 PM UTC

webo wrote: post #5

I haven't seen slid.es before. This is awesome.

I agree, I was hoping at the end of the presentation they were going to say they coded it in Angular with ngAnimate!

Re: Animation in AngularJS

#17

Post by akivabamberger » Tue, Jun 25, 2013, 8:55 PM UTC

One thing that's still missing is editing CSS animations in angularJS. I'm finding that I have to make a lot of separate animations (hardcoded keyframes) and use those in code. No way to dynamically change the animation in the app.

Re: Animation in AngularJS

#18

Post by mr_noah » Tue, Jun 25, 2013, 8:59 PM UTC

I'm not familiar with Angular.js. But I am very familiar with CSS3, jQuery and the Greensock animation platform. Greensock (TweenMax) is without a doubt the best animation platform I've ever used. CSS3 animation gives you nowhere near the amount of fine grain control over animations that greensock provides. CSS3 is great for simple stuff, but for complex reactive timelines it's basically impossible to work with. jQuery is OK for basic things that don't need the performance, but is clunky is feels restrictive.

http://www.greensock.com/transitions/

Re: Animation in AngularJS

#19

Post by tlrobinson » Tue, Jun 25, 2013, 9:35 PM UTC

patrickaljord wrote: post #14

webo wrote: post #5

I haven't seen slid.es before. This is awesome.

It used to be called reveal.io, it's by Hakim El Hattab, the guy behind reveal.js http://lab.hakim.se/reveal-js/# and plenty other stuff http://hakim.se

Man, that 3D rotating link style is obnoxious.

Re: Animation in AngularJS

#20

Post by trafficlight » Tue, Jun 25, 2013, 10:25 PM UTC

melling wrote: post #15

IE10 is over 10% market share. It's great that Microsoft is pushing the auto-update. If you don't care about the straglers, you'll be able to do some really cool stuff across all browsers and leave the legacy behind.

If we all didn't care about stragglers, there wouldn't be stragglers.