3426 posts Ruben Bristian
  • Most Wanted Bounty Winner
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Has been a member for 6-7 years
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Won a Competition
  • Bought between 100 and 499 items
  • Exclusive Author
  • Referred between 500 and 999 users
+5 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

3426 posts Ruben Bristian
  • Most Wanted Bounty Winner
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Has been a member for 6-7 years
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Won a Competition
  • Bought between 100 and 499 items
  • Exclusive Author
  • Referred between 500 and 999 users
+5 more
KrownThemes says

Here’s a fiddle about it!

The red rectangle will never reach 0

1315 posts
  • Elite Author
  • Has been a member for 5-6 years
  • Sold between 250 000 and 1 000 000 dollars
  • Author had a Free File of the Month
  • Referred between 200 and 499 users
  • Bought between 10 and 49 items
  • Europe
  • Exclusive Author
+1 more
fuelthemes says

It reaches 0 for me, no problemo

3069 posts
  • Has been a member for 6-7 years
  • Won a Competition
  • Sold between 50 000 and 100 000 dollars
  • Bought between 10 and 49 items
  • Referred between 50 and 99 users
  • Exclusive Author
  • Romania
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.

3426 posts Ruben Bristian
  • Most Wanted Bounty Winner
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Has been a member for 6-7 years
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Won a Competition
  • Bought between 100 and 499 items
  • Exclusive Author
  • Referred between 500 and 999 users
+5 more
KrownThemes says

It reaches 0 for me, no problemo

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

271 posts The Dominant One
  • Elite Author
  • Won a Competition
  • Exclusive Author
  • Sold between 250 000 and 1 000 000 dollars
  • Has been a member for 3-4 years
  • Bought between 100 and 499 items
  • Referred between 50 and 99 users
wptitans says
1673 posts Multimedia Artistry
  • Author had a Free File of the Month
  • Has been a member for 3-4 years
  • Referred between 100 and 199 users
  • Bought between 10 and 49 items
  • Exclusive Author
  • Most Wanted Bounty Winner
  • Elite Author
  • Sold between 100 000 and 250 000 dollars
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?

3426 posts Ruben Bristian
  • Most Wanted Bounty Winner
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Has been a member for 6-7 years
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Won a Competition
  • Bought between 100 and 499 items
  • Exclusive Author
  • Referred between 500 and 999 users
+5 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 :)

3069 posts
  • Has been a member for 6-7 years
  • Won a Competition
  • Sold between 50 000 and 100 000 dollars
  • Bought between 10 and 49 items
  • Referred between 50 and 99 users
  • Exclusive Author
  • Romania
wickedpixel says

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

39 posts
  • United Kingdom
  • Exclusive Author
  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
Makins says
by
by
by
by
by
by