4lg4 / html-banner-example

Example of html banner build using webpack and anime.js + sprites and tags for google double click

NES0038 O&G html banners

mrec, leaderboard, half page and mobile html banners. Note to develop and build you must set the banner size.

$BANNER

1. 300x250 (mrec)
2. 300x600 (half page)
3. 728x90 (leaderboard)
4. 320x50 (mobile)

Get started

  npm install

Development

  BANNER=300x250 npm run dev

after run the command open the index file located in /dist/$BANNER

Production

  BANNER=300x250 npm run build # build specific version
  # or
  npm run build:all # build all banner versions

after run the command open the index file located in /dist/$BANNER