[Bannertime tutorial/questions]

I think documentation is good and easy to follow, that's why I didn't go into how to set it up. But it was missing how to make use of all Bannertime features and guidance using smartObjects.

 

As for templates, I like your idea!

[Minimalistic banner builder that supports different ad platforms and GSAP]

@LipstickVoid if you still need more guidance how to use Bannertime this thread might be helpful:

 

There is also a link in that thread to my Bannertime tutorial.

[Bannertime tutorial/questions]

Thank you. I'm glad it was a valuable post

[Bannertime tutorial/questions]

To follow up on @flysi3000 explanation I wrote the tutorial how to use Bannertime. So if @emmanuelulloa and anyone else still has questions, come check it out:

 

http://codecrave.io/bannertime-tutorial/

 

I would appreciate input from @joe_midi one of the main contributors to Bannertime.  I'll keep this tutorial updated when new features come out.

 

[Banner development blogs]

The survey is about display ads, optin offer on a blog is a different thing.

As I mentioned, that is why marketers always are testing. And if numbers are telling that users are not happy, then you can try a different approach.

But then again even if your bounce rate increased but your email list is growing faster with popups - that can still be a good tradeoff.

So there is no simple answer or survey

 

[Banner development blogs]

Thank you!

 

As for the modal, I changed it to exit intent for now. It all comes down to testing. Right now there is simply not enough traffic, but in general, I don't think modals are bad if your offer is valuable and relevant.

 

[Banner development blogs]

Well, since there are no active blogs that I know of I decided to start blogging myself:

http://bannerlab.uk/

I would love your input since it is crucial to understand if people even care.

You would also help me help others

We all could finally have the place for banner development resources!

[Sizmek CDN]

On 11/26/2015 at 0:53 PM, Dipscom said:

Hey guys,

 

I thought I would bump this up and add the following:

 

https://support.sizmek.com/hc/en-us/articles/206136366--reference-glossary-HTML5-Shared-Libraries

 

Sizmek now has an official list of external libraries and their respective CDN links.

There is no way to access this list without logging into Sizmek. Could someone post a list here who has access? Or it is fine to load GSAP from Cloudflare CDN?

[Minimalistic banner builder that supports different ad platforms and GSAP]

@LipstickVoid Yes, current animation scrubber is not ideal. But it pauses on double click and there is a box with exact time as far as I remember.

 

I had an idea to create most complete and awesome scrubber and integrate it with Bannertime. So feel free to share your ideas and suggestions. Maybe that will motivate me to focus on it more  

 

As for templates you could fork generator-bannertime on GitHub and make your customizations. Here is the path where templates are located: generator-bannertime/generators/app/templates/src/300x250/

[Banner Production]

Have you looked into Bannertime ?

 

I think it's an excellent tool and the best from what is available in open source. So I feel why reinvent the wheel? Maybe you could just contribute towards it if you have ideas for features it is lacking?

[Combining click and hover animation]

Thanks for your input blake. I would just like to have only one active box at a time. Now its possible to activate all three. And I can't figure it out with your code.

[Combining click and hover animation]

It is banner so I don't use jQuery. I think I will leave it as it is, because I am only setting with GSAP not animating so I guess there won't be any conflicts with CSS transitions.

[Combining click and hover animation]

Codepen: 

 

Right now I have border hover animation with CSS and on click I set border with GSAP. I know that it is bad to combine CSS transitions and GSAP so how could I achieve the same result using only GSAP? 

 

My current code's mouseleave event overwrites click event.

See the Pen ygWqjZ by gbaciulis (@gbaciulis) on CodePen

[Animate CC vs hand coding]

You have to keep in mind that learning HTML, CSS, JS is an investment. By hand coding you deepen your knowledge and your thought process as a programmer. Eventually you can easily transition into front-end development/web animations. Who knows when you'll get bored with banners?

 

If you're designer and you're also animating and have no desire whatsoever to code then Animate CC might be fine. If that's not the case I would seriously consider jumping into hand coding. Even if that's not the fastest workflow (although that's arguable).

[pull svg by mouse move]

There is a recent topic about this effect: https://greensock.com/forums/topic/15119-how-to-make-a-bouncy-line-with-gsap/

[Inspiring HTML5 Banner Examples with GSAP]

One of the most impressive portfolio I've seen: http://www.bannerboy.com/#work

[Banner development blogs]

Hey, Dipscom keep up the good work. Would love to see more posts from you about your workflow.

[Banner development blogs]

Hi, I'm quite new in the banner development world and I learned a ton reading through this whole forum.

 

However, I think it would be great for all of us if we could make a list of all blogs (or worthy individual blog posts) that focus on banner development.

 

So please share all the goodies that you know of.

 

I found this collection of posts pretty useful: http://codepen.io/dipscom/posts/popular/

[Collision detection]

Here is the code I ended up using. Maybe it will be useful for someone creating a similar game.

 

See the Pen gLRZVR by gbaciulis (@gbaciulis) on CodePen

[Collision detection]

I found the solution. I had to get rid of for loop and pass onUpdateParam to this function. Then save it in selectCan var.

[Collision detection]

Thanks guys, I figured how to make a collision detection work because of this topic.

 

I am making a simple game to catch objects and so I need a counter. The problem is that checkHit function which runs onUpdate generates huge numbers.

 

Maybe you have a solution how could I track a score?
 

function checkHit() {
    for (var i = 0; i < cans; i++) {
        var selectCan = document.getElementsByClassName("small-can");
          if (Draggable.hitTest(trolley, selectCan, "80%") ) {
            TweenMax.set(selectCan, {autoAlpha: 0});
            TweenMax.killTweensOf(selectCan);
              if (caughtCans < 5) {
                 counter.textContent = parseInt(counter.textContent) + 1;
                 caughtCans++;
              }
        }
    }
}

 

[Magnify effect - image zoom]

Hey Blake, you mentioned that it could be changed to update on every animation frame instead of mouse move. I am trying to achieve a magnifying glass entering into view and magnifying image, but without mouse events. I would appreciate your help, because I couldn't figure it out.