We’re working towards some awesome new export formats, and to get us there we’ve created a new approach for exporting to HTML. You’ll now have an extra option for exporting HTML buttons, using a WebComponents approach. We’ve also added some insanely great performance improvements.
HTML Button with WebComponents
This is a, say it with me, loooooooovely new way to work with buttons in HTML pages. Now, you can embed your buttons with a, yes… say it with me, SINGLE LINE OF CODE.
- Add a new version of the Toggle Button Templates that is more modular using the shadow DOM
- Generate Flow Common Folder in HTML Templates.
- Load in linear gradient animations
- Create Master Script for Flow Common files.
- Naming improvements for HTML Templates and Webpackage.
- Added README.html into WebComponents ToggleButton Template.
- Edit html button web coponents readme, make an flt file
A necessary change. This approach allows you to generate files straight into your folder of choice, and passes the power to create folders to the template.
- Generate all exported folders in templates
- Don’t delete any exported files/ folders in Flow, only delete folders from Templates
- update templates to delete previously exported files/folders
Web Template Improvements
With the WebCompoents approach, we needed to update how we generally export code for SVG, HTML, etc.
- Refactor web template svg animation
- Move ToggleButton class into web package.
- Moving SVG animation into timeline.
- Creating master script in Web Components Template
- Fix web img url for web templates.
- Move player.js into web package
- Updating web animations.js.flt adding a constructor that takes in a root element
Always and forever, Jeremie makes things better and better.
- Improve performance accross the entire app by optimizing the method responsible for resolving rounded corners of ShapeLayers