drag
title
this is a description
self initiated | display banner build tool
display kit
summary
A banner build & deployment framework for streamlining the production of HTML5 banners
roles
programming
overview
Developing large volumes of display banners across multiple formats and platforms usually involves huge amounts of repetition, which come with associated problems.
That’s why in the winter of 2017 I built display kit
;-)
BACKGROUND
I’ve built a lot of banners in my time and couldn’t help noticing the huge efficiencies which can be gained by automating certain aspects of the development process with developer friendly tools.
Singularly developing display ads for a campaign is a tedious, repetitive task which is open to errors and isn’t time effective, the greater the volume the longer and more error prone the entire process becomes. For this simple reason I developed a full display ad build system - displaykit - which greatly speeds up the development time, reduces code repetition, errors and ultimately gives the developer more time to focus on what they are skilled at - writing amazing code.
FEATURES
Display kit is a development environment which takes away many of the repetitive tasks by providing a stable but flexible boilerplate starting point combined with a simple one to many publishing solution. The end result is aimed at saving time, promotes code reuse and comes bundled with a ton of extra timesaving features.
Font minification
Restrict a custom fonts to certain character sets or specific characters
Image optimisation
Reduce the file size of all or certain jpegs, gifs & pngs images
Ad server agnostic
Publish to multiple ad-servers without having to edit any code
Browser-sync changes
View CSS and JS changes without tedious browser reloads
Sprite-sheet generation
Converts all images into a single file for ultimate file size optimisation
One to many publishing
Utilise global assets and codebases alongside version specific tweaks
Animation scrubber
Jump to specific portions, rewind, replay and slowdown playback
ES6 Javascript
Uses modern JS and transpiles down to support older browsers
Use node modules
Comfortably handles the inclusion of node modules
Settings file
Control all settings for a campaign in a simple to use JSON file
Terminal / command-line
Harnesses the users OS to ensure speedy file management
Granular controls
Settings can be placed at campaign, variant or size level allowing for granular control of many features