New Job Received.

2 Days earlier, I’ve received a new type of job which I never done before – HTML5 Banner Ads. (Total: 18 sizes)

Fortunately, the contact gave me a demo file so I can study it. Turns out it’s very similar to web development.

The challenge.

The challenging part is to pass the test on Google’s HTML5 Validator (https://h5validator.appspot.com/adwords/asset). You need the whole file zipped and under 150kb (images,css,html,js included).

If you are not familiar with coding this may seem impossible to do as you will rely heavily on images to produce the banner and images are big in size thus failing the 150kb requirement.

Animation.

For animation part, we use TweenMax, TweenLite to be exact as the 150kb challenge. You can find info about TweenMax here (https://greensock.com/tweenmax).

For tutorials, I fount this to be very useful, it teaches you some basics of the script. (https://ihatetomatoes.net/simple-greensock-tutorial-your-first-steps-with-gsap/)

 

This is the result of my work:

PLAY HTML5 AD