HTML5 Banner Templates with GSAP

I’ve noticed a lot of people are having trouble integrating GSAP and the platform specific code for each ad platform together in a polite loading manner. Below are some HTML5 banner templates with GSAP, they’re pretty basic and in no way professionally designed. I’ve included a loading wheel while we politely wait for the page to finish loading before we load up the additional CSS and JS to run the banner. I made 3 flavours, DCM, DoubleClick Studio (DCRM), and Sizmek. I’d like to create a Grunt/Gulp task manager to simplify the process of translating code, so a command such…

Transitioning from Flash to HTML5 banners

Over the past few weeks I’ve been asked countless times how myself and my team are handling the transition from Flash to HTML5 banners. Here is my attempt at answering all those questions. Is Flash really dead? Well, not really – it just won’t be used to create banner ads anymore. It is perfectly alive and well in terms of web and mobile games through the AIR platform. So, why do we have to make all banners in HTML5 now? Chrome will be setting its power saver feature mode to default now. This means any plugin based (Flash) content on…

GreenSock on HTML5 Banner Solutions

The guys at Greensock have done great things these past few months helping people with a million and one questions about transitioning over from Flash to HTML5 banner creation. And with shift happening at a lot faster pace after Google’s announcement with Chrome pausing “less important” Flash content, they’ve put together a great post on whats different, what to expect, things to think about regarding HTML5 Banner Solutions. For me the greatest part of that post, is Client Education, and to an extent Account Team Education. We simply will not be able to do as much as we could do…

HTML5 is here to stay.

Polite loading GSAP into a DoubleClick banner

The end is nigh! Well, for Flash banners it is, DoubleClick now has a big fat notice at the top of their Studio console alerting those who haven’t been keeping up that Chrome will be setting its new Plugin Power Saver feature on as default, and along with that they’ve put up a little banner that they’ve whipped up in Google Web Designer. So as a starting point for this banner, I headed over to DC’s template database and found a 300×250 polite loading banner. And this is pretty much what DC provide as a template, and I could just…


BannerFlow – The banner production revolution

This is probably one of the most exciting new companies to come into the online display ad market. (If you find online advertising interesting anyway) Of all the online building systems I’ve used, this one just feels so much nicer. Flashtalking and Sizmek’s HTML factories are a bit clunky, Celtra was clearly thought up by a developer and not a designer. This, and the ability to plug in your creative into almost any known ad serving platform, as well as the one-click translation functionality. It really is a very promising bit of kit.

The Spenders Report MPU

Created as an MPU for a fictional luxury lifestyle blog “The Spenders Report”. This MPU features a carousel which dynamically pulls in the thumbnail, title, description and link. It has been designed in such away that it would pull in and populate the 5 most recent items from the XML list when the ad unit is served.