3567 posts Ruben Bristian
  • Sells items exclusively on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $500,000+ on Envato Market
  • Has been part of the Envato Community for over 6 years
+10 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

3567 posts Ruben Bristian
  • Sells items exclusively on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $500,000+ on Envato Market
  • Has been part of the Envato Community for over 6 years
+10 more
KrownThemes says

Here’s a fiddle about it!

The red rectangle will never reach 0

1352 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Made it to the Authors' Hall of Fame
  • Has been part of the Envato Community for over 5 years
  • Has sold $250,000+ on Envato Market
+6 more
fuelthemes says

It reaches 0 for me, no problemo

3072 posts
  • Has referred 50+ members
  • Has sold $40,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Had an item featured on Envato Market
+5 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.

3567 posts Ruben Bristian
  • Sells items exclusively on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $500,000+ on Envato Market
  • Has been part of the Envato Community for over 6 years
+10 more
KrownThemes says

It reaches 0 for me, no problemo

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

271 posts The Dominant One
  • Has referred 50+ members
  • Has sold $250,000+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
+5 more
wptitans says
1703 posts Multimedia Artistry
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has been part of the Envato Community for over 3 years
  • Contributed a free file of the month
  • Won a Most Wanted contest
+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?

3567 posts Ruben Bristian
  • Sells items exclusively on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $500,000+ on Envato Market
  • Has been part of the Envato Community for over 6 years
+10 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
  • Has referred 50+ members
  • Has sold $40,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Had an item featured on Envato Market
+5 more
wickedpixel says

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

41 posts
  • Has collected 1+ items on Envato Market
  • Located in United Kingdom
  • Sells items exclusively on Envato Market
  • Has been part of the Envato Community for over 1 year
Makins says
by
by
by
by
by
by