BONOMITE

don't forget the OCEAN of middle men who think they are UI/UX experts and who can also design and code... uhg... When my mortgage is paid off... I need to find a small start up with ULTRA talented people and just learn and create amazing stuff! I've been using scrollMagic for a while... but if GSAP creates a solution with most of its popular features... I'm all in!

Thanks Jack. Always super helpful! I've passed this along to the animator on this project. I'll let you know how it goes! You rock!

Screen shot of the HTML : https://monosnap.com/file/Rw5LDVLPmXzlbID2HvEulaxcMXmLpy I'm using bootstrap classes highlighted in the red squares to hide and show. 768px is the break point. No throttle or debounce being used. If I have them both showing... and never hiding... I get no errors... its something about hiding them that is messing with it...

I have updated the video Link. Sorry. The codepen links are the individual animations that are in a site that is being hidden and shown... the video explains it all... the links is working now... just checked. Thanks.

Desktop: https://codepen.io/sirhclluk/pen/e95c773ffbba22f5a575b4d319faac9e Mobile: https://codepen.io/sirhclluk/pen/cc2f9f170ddc50f86379dfea2c7b0700?editors=0010 Video: https://drive.google.com/open?id=1QJ7McwclhKQTCZCCvOlblWf6m_kgdGWs Hey Jack, hope you ca help me out here. Kind of lost on this one. Video above explains it all. In short, coming in and out of display:none while the animation is playing messes with the alignment of the text. Very odd. Thanks. -Thomas

Thanks buddy! That information fixed the issue. Couldn't find anything online about it. Hope this helps others who experience this issue. Congraz on all your success! I got some ideas up my sleeve... keep an eye out in the next 2 years

Good o'l Jack with the quick reply! Long time no talk... hope all is well. I have passed this info to my other developer. I'll keep you updated. Thanks! -Thomas Bono

So I have been experiencing some issue with GTM (Google Tag Manager). I was working on a Wordpress site... and I noticed that this error started to show up "Uncaught TypeError: Cannot create property 'greensock' on string 'firstname|lastname|username|email|emailaddress|ssn'" . After pulling my hair out... I was able to fix the issue by moving down the GTM script to the very bottom of the head. So now, I have another project. wordpress as well... and a developer is seeing the same issue... but ONLY in "gtm preview mode" . Any thoughts? -Thomas

Hello Jack, I am messing with this cool 3D interface called Goo Create, It currently has TweenJS built in, but I want to use Greensock. I know its possible. You think you can create a demo using Greensock. Just a basic set up where I can target the 3D object and transform it in any way. Here is a link showing an example they give. http://www.goocreate.com/learn/html-and-css-buttons-rotating-cube/ Thanks -Thomas

oh, of course! Thanks.

But wait, there's more! I am trying to have the timeline start from 2 seconds in and play reverse.... and it is playing it from the very end then reversing. playGoingBack(2); function playGoingBack(rev){ var tl = new TimelineMax({}); if(rev != undefined){tl.reverse(rev);} tl.append(TweenMax.to(ball, 5, {css:{scale:4, rotation:360},delay:0})); }

hahaha amazing! Glad I am able to help! Thanks for your incredible support! -Thomas

The following animated perfectly. All is well. But when I go to REVERSE() the timeline, the ball fades out, but never back in, and continues back to original starting spot at opacity = 0. Why is this? Thanks -Thomas function fadeIn(obj){ var tl = new TimelineMax(); tl.append(TweenMax.to(obj, duration, {css:{opacity:1}, ease:Linear.easeNone})); return tl; } function fadeOut(obj){ var tl = new TimelineMax(); tl.append(TweenMax.to(obj, duration, {css:{opacity:0}, ease:Linear.easeNone})); return tl; } var ball = document.getElementById('ball2'); var tl = new TimelineMax({}); tl.append(TweenLite.from(ball, 12, {css:{marginLeft:900},delay:1})); tl.append(fadeOut(ball)); tl.append(fadeIn(ball));

tl.to($("#stageNext .ui-btn-inner"), 1, {css:{color:"#0088c2"},repeat:1, yoyo:true}) The repeat and the yoyo is being ignored? I am using the 5/17 version of TweenMax.min.js