violacase

The music is energetic, and well composed, just like you Very good for using it in an intro/goodbye wave. One aside: Dim (better: stop) the music when you're talking to the audience. I find it very annoying listening to a voice that is disturbed by background noise. And I'm also interested in the question OsuBlake asked: How many hours did it take you? Keep up the great work!

Joyeux Noël á tous. Let us all unite and try to express ourselves in the (2nd) language most of the citizens of this silly planet understand. No other choice I think. (Bless Vietnam btw)

I couldn't agree more. Osublake is: 1. Someone who REALLY knows the foundation of ECMAscript and oh so many frameworks, libraries, name it... 2. A great coder 3. A great teacher 4. Most important: SOOO nice and generous to everyone. Tip for newbies and intermediates with Javascript (and GSAP of course): Study his codepens http://codepen.io/osublake/ and smile!

Thanks for this info OSUblake. Clear. Suggestion for elaborating this pen: If it isn't too hard to code and you have some time maybe it's nice to flip the penguin pic so that it's nose is looking west if mouse moves west (with some nice roll perhaps when initially changing mouse direction).

Hey OSUblake. Great pen! I noticed many of your pens use Babel as a preprocessor. I'm curious what's the main reason you're using this one and not another? Running Ecmascript6 in older browsers?

Yep... very interesting. (But what a terrible name. It's a paraphrase on three.js I think which is also a terrible name for a lib)

Thanks Petr and Jack, your detailed answers make sense, I expected this kind of reaction but without the details. Nevertheless good libraries both for SVG and Canvas are here now and evolving. Indeed hard to decide...

Hi folks, Not a specific GSAP related question I guess, but perhaps still a bit... In this forum a lot of focus is put on SVG manipulation and just a little bit on canvas. I would like to know what display 'system' javascript experts would choose in the year 2016 and why if they would start a blank web page project with lots of GSAP. SVG or Canvas?

@jonathan. I think this word 'usually' may surely be phrased as 'a very good approach'. BTW... Haven't I seen this piece of code earlier?

You moderators (ALL) are such fine coders but above all so very nice and helpful folks. What a great experience it is visiting this forum (almost every day)!

Hey Carl, Perhaps it's an idea to have a submenu discussion group item 'Suggestions and Ideas' under 'Support'? For me too it took some time to find the right spots. I was a bit overwhelmed. Some suggestions I have already: 1. A page (perhaps subcategory under 'Examples & Showcases) with links to code snippet collections ordered by e.g. tweening type. 2. Standard (backward) reference links in codepens to issues discussed in this forum. I am afraid that lots of fine solutions for problems given in this forum will get out of sight as time passes by. Nobody likes redundant discussion threads. 3. An area on the website with w3school kind of introductions. I know that that's a LOT of work...

Thanks for your clear reply, OSUblake. I'm trying to build a 'one-page ajaxified' website with WordPress as the backend. Because the front end needs a lot of real time changeable data I decided to use Angular for the data binding. And, of course, GSAP for the UI-manipulation. I really can't understand why not LOTS of developers make that same decision. Perhaps they do but don't experience any problems doing so...

For me http://plnkr.co/edit/7E7HKQ?p=preview works. And I learned a lot. Thanks (again!) OSUblake. One thing OSUblake: Googling I can't find any recent stuff on this subject from Angulars' perspective. Are you the only one on the entire www concerned with this stuff? If not, could you give me some useful links? I'm soooo eager to learn you see.

I certainly appreciate! BTW: Ihatetomatoes is a funny and intelligent guy... I'dd suggest you read his youtube things.

Thanks a lot OSUblake. Good starting point for my case.

I'm very interested in more GSAP code or other info on this topic as well. I'd like to display a mixed set of photo's in portrait as well as in landscape format. The display should be responsive and 'isotopic' with a minimal amount of gaps in the rows. So it must intelligently (re)order the inputted sequense. Something like this: http://isotope.metafizzy.co/layout-modes/packery.html The Isotope packery mode uses this code: https://raw.githubusercontent.com/metafizzy/isotope-packery/master/packery-mode.pkgd.js Wow, what a bunch! Too much and too difficult for me to dive in...

Thanks OSUBlake, very good links. And funny and true: "I was hoping you were going to say something easier, because within an hour of Diaco.AW reading this, he probably would have an example ready for you." Hey Diaco, Nice piece of proza. I think you should work it out and write an article on the front page. I'll try (English is not my mothers' tongue) a piece: I once built a house, up from the ground. At the river border 10 miles from the building site I found some good clay. It took me a couple of weeks to dig enough clay and transport it to the building site. I managed to form pieces of clay in nice little blocks and dried them in the sun. It took me some weeks but at the end I had enough blocks to build the walls of the house. There were some rainy days so it took some time. I also had to make me a brick oven. I had to search in the woods for lots of dry wood to get my oven heated enough to bake my bricks. It took some time and a lot of boring repetitive work but in the end I had a nice stack of bricks. But hey, I needed some wood also to construct the floors, windows, doors and roof. I had to go to the woods again, cut some trees, etc, etc. It took some years, but eventualy there it was: my own built unique house. It wasn't perfect, sometimes the rain came in and a floor was trying to collapse but I was rather happy and all my friends and family called me a great builder. Pitty it took me a few years, but hey! what a result! The house isn't isolated so heating costs capitals. My wife is complaining about the kitchen. She wants a modern new one. I think working on this house isn't worth the pain and all of the tools are rusted. Better start all over. I don't want to spend many years again building all necessary parts. You see, I'm getting older, sadder, wiser. Someone told me nowadays you can get a complete front door in exactly the format and color you need! And finished take away windows! All I have to do is fit them in the gaps between the walls. Wow... That cheers me up. I can't wait to get started. Pitty that my friend couldn't tell me the right addresses. I found a doormaker but he couldn't make the door in the measures I need. I found a tilemaker but he had just one color. Now I'm spending my time with searching and examening the products they offer instead of building. It consumes all of my time. I wonder how long it will take me to get started building that new house.

@Jack It took me some time to understand your reply. Indeed there was no bug or issue. I think your thoughts are right although it can be confusing for the end user if (by accident) he flicks outside the visible area and thus can't see his draggable element anymore. At least for me it was. I expected that the autoscroll would continue until the 'right' spot for the draggable would have been reached.

@ Rodrigo Thanks a lot for taking the time to write your respons and giving the links. I'll certainly will have a good look at your pop-away code. That said, if that's mainly all there is some hard work has to be done to get a good collection. 'Boring' is the right word for almost all the jQueryUI widgets I think. @OSUblake: If I take a look at the list of widgets provided by jQuery UI in order of the most used by myself priority #1 would be absolutely: menu systems (responsive, fly in, top, select, etc.) I realize you can't name a menusystem a 'widget' but perhaps in its core? With a combination of good UI design and intelligent tweening methods the results should be far less boring then we usually see on the web. After that the priority list could be something like: button / buttongroup tabs dialog datepicker progressbar slider spinner autocomplete tooltip A HUGE project...

Since GSAP is such a great performing lib I'd like to get rid of jqueryUI 'widgets' completely. Because I don't want to reinvent the wheel I have this question: is anyone perhaps developing a collection of gsap based widgets like one can find on jqueryui.com?

Hi Jack, Great feature! In your codepen above if you throw the draggable with some force across the (right) edge the autoscrolling won't work so you've lost the draggable. Some issue in the codepen or the lib? EDIT: The same issue if you completely drag the draggable on the right side out of its container. So I think you have to forbid dragging the draggable out of it's parent.

Hi OSUblake, I realized my lack of understanding your code is because of a lack of a more detailed knowledge of javascript. I'm used to read all these gsap code pens mainly as tutorials. I forgot to see that most of these pens aren't meant to be educational.

Hi folks, my first writing on this forum. First may I say that I seldom saw a forum with the vivid and high quality threads as this one? Great members! About this issue: I don't understand the code of the solution of OSUblake. Some thorough comments will make me happier guy.

Very informative! Keep on publishing things like this please.