ondoheer

btw, I realized gsoc automatically iterates through jQuery array objects so my for loops aren't needed, this is my final code: function slideElements(elements) { TweenLite.to(elements, 0.3, { x: 250, ease: Power2.easeInOut, force3D: true }); } function unSlideElements(elements) { TweenLite.to(elements, 0.3, { x: 0, ease: Power2.easeInOut, force3D: true }); }

You are the Best Rodrigo! Let me buy you a beer (paypal? or something?), that really did it!!! It runs soothly in chrome now and quite ok in firefox! I will blog about this solution so it's out there. Thanks again for giving us such a wonderful welcome to the gsco community.

Thanks Rodrigo, will try your solution later. Actually I'm not using the full body animation, those functions are commented out, I'm manually sliding every #id because I learned about the body problems. (If you see the code the body functions are there but not used). I got the sliding body idea out of here: http://tympanus.net/Blueprints/SlidePushMenus/ I will try to force the 3d later on and let you know! That ight solve it. I know enough about hardware and cpu gpu tasks, but what keeps breaking my head is how https://medium.com is doing it!!! it's so fluid on chrome mobile!!! (Not so much on firefox) I want to be able to give such a fluid experience to my customers. I know I can aways explaign to them how the mobile hardware affects fluidness, but I would love to be able to offer the best solution possible.

Hello, thanks for the fast reply, I'm aopening a codepen with the gsoc script I wrote, I can do oone with the Jquery one if you need it. But I would actually just love to use gsoc for all my future projects, so learning to optimize thisone would be awesome. http://codepen.io/ondoheer/pen/DnwLf/

First of all Hello. This is my first post on Gsoc and probabbly not the last! I recently came across a Css-tricks post about different animation tecniques to use in our webs, and thats when I was reintroduced to gsoc. I had tested it a year ago without any reason to really use it, and I just remebered I loved it's functionalities. Yesterday I came across a problem I thought it was ideal for. We are developing a medium like blog, and it does have a "slide/push" left menu like Medium. I first did it quickly using jQuery, but then noticed that the animation wasn't really fluid on mobile browsers (chorme, firefox and safari were tested). So I then remebered the post on css-tricks and decided to try tweenLite. I downloaded the files and linked them locally. First problem was to get Drupal to actyally load them in a proper order, since Drupal default JS loading is set in the header. In the end we decided to wrap all of our code in the Jquery S(document).ready() function. As I build it I started testing it and the result was great, the sliding felt really natural, until I implemented the push part. Somehow that stoped everything from behaving as fluid as it did before. One main difference is that I read on the forums of GSOC to use autoAlpha to display or hide elements instead of display: 'block', since it might behave faster. (So the two codes differ in that) I'll copy here a pastebin of my two coded, the full jquery one and the Gsoc initialized in the jQuery $(document).ready() function. jQuery code: http://pastebin.com/eKnHA0NB GSOC code: http://pastebin.com/xn9aKQ46 I woould appreciate any help making it run more fluidly, since I'm still learning programming in general and I like to understand whats going on and how to craft different things instead of using somebody elses code for something that I supose is simple to craft. Thanks a lot.