3804 posts
  • Elite Author
  • Author Level 11
  • Trendsetter
  • 7 Years of Membership
+12 more
KrownThemes
says

So i’m working on this theme were i had this frequent bug on some animations that were not completed when i wanted to put them at 0.. For example:

$this.animate({'width':0}, 500, 'easeInSine');

Would not animate the width to 0, but to a random value between 3-10.. The same was going on with “marginLeft:0”..

Today i thought to change the easing, and boom..no more bugs!

I’m speechless :D

3804 posts
  • Elite Author
  • Author Level 11
  • Trendsetter
  • 7 Years of Membership
+12 more
KrownThemes
says

Here’s a fiddle about it!

The red rectangle will never reach 0

1642 posts
  • Elite Author
  • Featured Author
  • 6 Years of Membership
  • Author Level 10
+8 more
fuelthemes
says

It reaches 0 for me, no problemo

3072 posts
  • Affiliate Level 3
  • Author Level 6
  • Collector Level 2
  • Weekly Top Seller
+7 more
wickedpixel
says

I also saw that some of those eases fail to apply the final value. My response was to add a function for the “complete” event, where I set the final value for sure.

3804 posts
  • Elite Author
  • Author Level 11
  • Trendsetter
  • 7 Years of Membership
+12 more
KrownThemes
says

It reaches 0 for me, no problemo

-webkit reaches 0, -moz no .. :|

272 posts The Dominant One
  • Affiliate Level 3
  • Author Level 9
  • Collector Level 4
  • Top Monthly Author
+7 more
wptitans
says
1899 posts Multimedia Artistry
  • Elite Author
  • 4 Years of Membership
  • Freebie
  • Most Wanted Winner
+4 more
dnp_theme
says

The question is: why making responsive design and js animations work with <IE9?

I am not using jquery easing anymore, it conflicts with all <IE9, in fact I am not using js animations at all, except one thing: demo tools slide.

Working hard (on steroids actually) to make all animations CSS3, because that’s the best to do:
  • if animation does not work, I don’t get any JS conflict to mess everything up
  • if IE can do display: inline / none or opacity 0-100, that is perfectly enough for that garbage
  • animations go smoother and always better with hardware acceleration
  • more and more users prefer modern devices with modern browsers

If FF is having problems, why bother?

3804 posts
  • Elite Author
  • Author Level 11
  • Trendsetter
  • 7 Years of Membership
+12 more
KrownThemes
says

The question is: why making responsive design and js animations work with <IE9?

I am not using jquery easing anymore, it conflicts with all <IE9, in fact I am not using js animations at all, except one thing: demo tools slide.

Working hard (on steroids actually) to make all animations CSS3, because that’s the best to do:
  • if animation does not work, I don’t get any JS conflict to mess everything up
  • if IE can do display: inline / none or opacity 0-100, that is perfectly enough for that garbage
  • animations go smoother and always better with hardware acceleration
  • more and more users prefer modern devices with modern browsers
If FF is having problems, why bother?

When you’ll animate a timer through a slider’s external js api with css3 let me know :)

3072 posts
  • Affiliate Level 3
  • Author Level 6
  • Collector Level 2
  • Weekly Top Seller
+7 more
wickedpixel
says

CSS animations are for decorations, stuff not critical in a design. For advanced stuff js is still the base.

41 posts
  • Collector Level 2
  • United Kingdom
  • Exclusive Author
  • 2 Years of Membership
Makins
says
by
by
by
by
by
by