Jump to content

Jonathan last won the day on June 18

Jonathan had the most liked content!


  • Content Count

  • Joined

  • Last visited

  • Days Won


Jonathan last won the day on June 18

Jonathan had the most liked content!

Community Reputation

5,131 Superhero

About Jonathan

  • Rank
    Super Moderator

Contact Methods

Profile Information

  • Gender
  • Location
    United States
  • Interests
    Traditional Animation, Computer Animation, Drawing, DJing, Mycology, Traditional Chinese Medicine, and Herbalism

Recent Profile Visitors

22,317 profile views
  1. Jonathan


    Hello @Goldendust20 and Welcome to the GreenSock Forum! I'm not seeing that "glitch" on Firefox and Chrome Windows 10. But if it was me I would convert your jQuery css() to the GSAP set() equivalent. So this way GSAP can keep track of what changes your doing outside itself: // So convert this jQuery css(): $list.add($clonedList).css({ "width" : listWidth + "px" }); // To this using GSAP set(): TweenLite.set([$list, $clonedList],{ "width" : listWidth + "px" }); Notice how i added multiple CSS selectors within the square brackets [ ] for the target parameter of the set method? GSAP set() : https://greensock.com/docs/TweenLite/static.set() Happy Tweening!
  2. Hello @Page Tailoring and welcome to the GreenSock Forum! Yes you can do that with the GSAP AttrPlugin. See the AttrPlugin Docs: https://greensock.com/docs/Plugins/AttrPlugin Happy Tweening
  3. Also keep in mind @Visual-Q that since your already using WordPress, it comes preloaded with jQuery. Then you could also use the jQuery ready() event instead of DOMContentLoaded to wrap your window load event. Since the jQuery ready() event already uses readyState, to help get around that Safari DOMContentLoaded bug.
  4. Hi @Visual-Q Yep.. that right. You had that issue in Safari because if the DOMContentLoaded already fired Safari will not fire its callback. Safari doesn't follow the spec in relation to DOMContentLoaded. Sometimes you have to use a setTimeout() due to how Safari logs the function within its callback. In my own tests I have seen the DOMContentLoaded fire either both before and after window load event. That is why I place the window load event within the ready event so no matter what the window event will fire my callback after the DOM is ready. This is because network connectivity can cause the window to fire before or after the DOM is ready. So that makes sure i have control when my custom code runs. But If your having issues with DOMContentLoaded.. the spec also allows you to bind DOMContentLoaded to the window instead, or you can check the readyState complete, like @OSUblake showed above.
  5. @OSUblake .. Why not disable any more comments in that smooth scrolling thread ? Otherwise it will keep coming back to life, like a zombie in the dark of the night.
  6. Hello @Nexal and Welcome to the GreenSock Forum! When you say: Do you mean the CSS animations that are on your page in the HTML panel. I see a style attribute with a ton of CSS animations. Its always best not to animate elements with GSAP if their children or parent elements have any CSS animations or CSS transitions on them. Otherwise you will have rendering issues due to the fighting of the two. Also what elements (id or class) are you referring to, you have a lot going on in that example? I am also seeing an error get thrown in the console. I notice terzafrase is an id selector not a class selector like you have in your code. invalid morphSVG tween value: .terzafrase
  7. @Snoop .. I don't mind taking a crack at it in IE11. I was late to the party and you might as well have it work in IE11, since it's the highest version of Internet explorer on Windows 7. And as much as I hate and despise IE11, its not a dead horse until January 14, 2020. So lets give that IE11 horse, one last ride into the sunset and see that codepen demo. But that wobble your seeing right at the end of your text animation, sounds like the rendering layer being removed after its transitioned. You could be missing some CSS transform properties that IE11 requires to render CSS transforms correctly after transitioning, especially for web font text. Its an old horse so some times you need some hay. 🐴 You could make a limited codepen demo example so we can test it in IE11 to see if its a bug in IE11 or missing CSS properties to stop anti-aliasing mumbo jumbo. Happy Tweening!
  8. Jonathan

    SEO and GSAP

    SEO would be affected if your using the CSS property display: none, visibility: hidden or even high negative or positive text-indent on your H1 or main content. But having elements use opacity will only hurt your SEO with a very important exception. As long as your not using display: none, visibility: hidden, or a high text-indent value on your main content, then I wouldn't worry about it. Just be careful when using opacity, display: none, or visibility: hidden... to hide the important main content with your main search keywords and H1 tag. So be mindful that you could get lower ranking when its your main keyword content! Since first Google will parse the HTML, and then will parse the rendering of it with the CSS and JS. But you can always use Google PageSpeed Insights if you really need to test your webpage to see if Google reports that it doesn't like a specific thing your doing as far as hiding content. https://developers.google.com/speed/pagespeed/insights/ Happy Tweening!
  9. Hi @Snoop Keep in mind that with GSAP the CSSPlugin is what animates CSS properties within TweenMax. TweenMax includes the CSSPlugin and other GSAP plugins. But say you weren't going to use TweenMax, but TweenLite, TimelineLite or TimelineMax. Then you would need the CSSPlugin as a separate script since the CSSPlugin is what GSAP uses to animate CSS properties. TweenMax: https://greensock.com/docs/TweenMax Includes all of the following : TweenLite, TweenMax, TimelineLite, TimelineMax, CSSPlugin, EasePack, RoundPropsPlugin, BezierPlugin, AttrPlugin, DirectionalRotationPlugin TimelineMax: https://greensock.com/docs/TimelineMax Includes the following : TimelineLite, TweenLite, and EasePack. It does not include the CSSPlugin. So if you use TweenMax in your project then it will already have the CSSPlugin included, you don't have to include it separately. Hope this helps, Happy Tweening
  10. I know I'm late to the party. But without context you will get 3 different answers to a very vague question that can give you 3 different answers. Now me personally would have not even replied with an answer when someone is using or conveying profanity in the forum towards people trying to help them. But like @Dipscom said above Club GreenSock has no relationship to the free GSAP support given here in this forum. The community members will help you out of the kindness of their hearts. So please lets be a little more civil, and in kind you will get users in the community who will go above an beyond to help you using their own private time. Happy Tweening
  11. Keep in mind when using GSAP. Its best to use the GSAP set() method instead of the jQuery css() method. The reason being is that you will be changing CSS properties outside of GSAP. So this way GSAP can keep track of those CSS properties changed outside of itself by using the set() method. It will save you a lot of stress and hair pulling GSAP set() method: https://greensock.com/docs/TweenLite/static.set() Happy Tweening
  12. What specific browsers and browser versions are you trying to target?
  13. It is good to see a fellow smiley face around here. You have one up on me, since my avatar does not have any hands. But that's what mustaches are for.
  14. Sorry, I know this thread is years old, but i had to respond to this rude "cultural thing". Complaining that someone ( @OSUblake ) didn't take their own personal free time to help them with an in depth, time consuming question, with not even a whiff of being thankful or understanding. How dare you Blake not respond later that night while still suffering the effects of Hurricane Irma? You will always get at least one person who expects they should be waited on like your their coding butler manservant. Don't worry Blake I'm sure there are plenty of users in the forum who are grateful for your help!
  15. Jonathan

    Width Calc

    There are some online stores that actually charge the customer an extra fee if purchasing within Internet Explorer.