You can also pass a second argument to set the name of the zip file, -zipName=name.zip, by default this is set to archive.zipįor bugs/issues and or features recommendations please use the issues tab of this repo. This will only zip the contents of the dist folder, replacing any old zip files. one way synchronization of the assets folder from src/assets to dist/assets.inline the compiled css and js file to the main index.html file.compile all js files into a single main.js file compiling any modern javascript down to ecma script 5.compile the sass file to css with autoprefixer.This will run all the tasks to build the banner add: zip => can be used with he gulp and watch task, this will generate fresh zip files every time the task runs, this will also delete the previous generated zip, you can also pass a second argument to set the name of the zip file, -zipName=name.zip, by default this is set to archive.zip Gulp build
prod => can be used with he gulp and watch task, will enable the removal of all console.logs in the scripts and comments in the sass files Gulp will run the process once and the watcher will watch for file changes and run the process. Style.scss has a few variables defines and very basic styling to the add container. Main.js has a basic variable to target the banner add and a standard DOM Ready function in plain javascript. Index.html has a standard html5 base structure with a standard(optional) CM clicktag and the necessary links to the main javascript file and stylesheet. | | └── index.html (main add file template) | | | └── style.scss (main sass template file) | | | └── main.js (main javascript template) | | | ├── vendor (to be used to add any 3rd party scripts and plugins)
This will create the following structure: Run this on brand new projects that you are starting from scratch to create the tree structure and basic file templates. multi-purpose, Web Builder Framework which combines different tools and.
#Html5 builder tools install
Run npm install on your terminal at the root of your project, this will install all the dependencies locally. Free and Open source Web Template Editor - Next generation tool for building.
#Html5 builder tools how to
Make sure you got the latest version available of node and gulp installed globally on your machine, for more information on how to install these you can click the links above and follow the getting started documentation. Please read bellow for major breaking changes in version 4
#Html5 builder tools software
This tool was made for those who prefer to develop banners by hand coding them opposed to use unreliable tools or software that require the use of external libraries.įrom junior to the more experience developer, any one can take advantage and use this simple tool. Created this tool using gulp to automate the process of developing and building HTML5 banners and save time in large campaigns.