Optimization for different browsers

[JS_Rookies]

Hi there,

as far as I know, every browser interprets JS a little differently.

What is the trick at the GSAP demos/the codepen.io so it works on every browser?

Is there a solution for how I can incorporate all browsers in my script so it works for everyone?

 

Thanks in advance.

[Rodrigo]

Hi @JS_Rookies and welcome to the GSAP Forums!

9 hours ago, JS_Rookies said:

as far as I know, every browser interprets JS a little differently.

As far as I know JS is pretty much the same everywhere. Some browsers might have different APIs and therefore some property/methods might not be available in all of them, but JS works in exactly the same way on every browser.

9 hours ago, JS_Rookies said:

What is the trick at the GSAP demos/the codepen.io so it works on every browser?

Same as before, no trick here. There might be some inconsistencies in some APIs but GSAP is built to offer a 100% crossbrowser experience so your animations just work in every major modern browser. With that in mind, I can't think of one of our official Codepen demos not working in every major browser on every device you try them on. On this subject I can guarantee you that your animations will work without any issues in every browser from a JS point of view. There are could be some minor issues in Safari but is not something that is going to break your site or your animations, in fact you can probably count them with one hand and they'll popup in very specific scenarios. If that is the case you can always ask here in the forums or our discord channel, although we prefer the forums in order to build a solid knowledge base that every user can consult:
https://discord.gg/QQsb7qqw

 

Hopefully this clear things up.

Happy Tweening!

[JS_Rookies]

Hi @Rodrigo, 

thank you so much for the thorough explanation.

My knowledge of the JS functionality was therefore faulty, but now I am assured that that small range of the "problem" will pretty surely not concern me.

 

Thanks again and have a lovely day!