Handlebars
What is templating language?
Temple utils
Multiple utils are included in the display-temple repository that can save us a lot of work. Below are some examples:
Font Subsetting
Font subsetting allows us to drastically reduce the overall filesize of our ads by slimming down our font files to the point where they only include the actual characters we need.
Svg
Using the default inline
Spreadsheets
Introduction
Data binding
Data bind is a util in the @mediamonks/temple to bind a object data to html. In your index.html or index.hbs, you can easely bind js object to html elements with dataBind.
Create banners with parameters
Another way to create banners is using the command line with parameters. It is possible to create multiple banners using the --units parameter and is possible to define the --type of the units.
Dynamic Import
Dynamic import() introduces a new function-like form of import that caters to those use cases. import(moduleSpecifier) returns a promise for the module namespace object of the requested module, which is created after fetching, instantiating, and evaluating all of the module’s dependencies, as well as the module itself.
Extends Animation
Sometimes it may happen that we need to modify the animation of a certain frame, but we don't want to add conditionals or duplicate the main Animation.js only to change a few lines. For those cases it is recommended to create a child Animation.js.
Gsap
Using events
Multiple Timelines
It is posible to create multiple Timelines to be able to control them though banner.js.
Ads Recorder
The Display Ads Recorder is a command line tool meant to record display ads and output these to separate formats, like
Dynamic Creative Optimization
About building dynamic creatives:
Custom globs for npm dev/build
Creating custom dynamic globs for your npm run dev or -build commands can be very convenient.
Automatically optimize zips
You can now let the dev-server try to optimize your bundle .zip to try and fit it within the specs.
Clean output template
This version of the framework creates an output that excludes the browser-compatible Babel implementation. With IE 11 being deprecated, this has become an option for us to use in some cases.
Timeline Scrubber
Previously, we had to use the GSDevTools bonus plugin of GreenSock to get a timeline scrubber so you would be able to scroll through your gsap timeline.
External Banners
How to record banners from other agencies or legacy projects using the quick-mode recorder.