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…

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.

Customisable shoes Flash app

Right, so I’ve been asked to create a website which will include a Flash based app that will allow users to customise a pair of shoes and then order them to their spec! The way I’ve gone about this is to come up with an XML schema that will hold all details of all the variations possible. I’ve going to make a simple version of this Flash app using a vectorised sneaker. Now the sneaker has 7 components: Sole Welt (the part that holds the sole to the upper) Upper 1 Upper 2 Tongue (for this example this also includes…

Creating a test server of an existing Magento site

Step 1: Create a duplicate database, so changes made will not affect data on the main production site. As well as duplicating the main folder of the production site. Step 2: Edit the duplicate database, in table: magento_core_config_data Changing “web/unsecure/base_url” and “web/secure/base_url” so they reference the new location of the test “server / folder”. Step 3: Within the local.xml found: app/etc/local.xml Change the following to the new information: <username><![CDATA[magento_username]]></username> <password><![CDATA[magento_password]]></password> <dbname><![CDATA[magento_db]]></dbname> Voila!

Hello World!!

So the I thought I’d use this space here as a place to put all my thoughts of all the projects I’m currently working on. Things that I am researching, things that I want to implement and even just things I think are cool!

Salon Privé 2011 Image Gallery

An image gallery  built in AS3, that uses an XML data feed to dynamically load gallery images, as well as title and description. Images were taken at the 2011 Salon Privé at Syon Park. As a fashionable and glamorous Garden Party, it caters as much for motoring enthusiasts as it does guests who simply enjoy soaking up the atmosphere and spending time relaxing against the stunning backdrop of Syon Park. – Salon Privé