A simple CSS toolbox
This is a collection of web apps to live preview and generate various CSS styles. It originally started as a tool just for creating CSS animations (hence the name Keyframes), but now has additional tools.
npm run serve
npm run build
npm run test
npm run lint
The current version number of the app is used in a few different places - on the about modal, on the changelog, and also to determine if an update has been pushed, in order to force the cache/PWA to reload.
Before deploying, change the current version number in two places - * store.js * service-worker.js
Fill in your VUEAPPBASEURL and VUEAPPBASEPATH in
.env.production. The base URL should be the bare URL it'll be hosted at (ie https://example.com - no trailing slash) and the base path should be the path at the URL (ie /app if it'll be at example.com/app). For the root, leave it at /.
If the app is going to be deployed in a sub directory (ie website.com/app/), edit the path in vue.config.js.
I tried to use as few as possible. Apart from Vue and everything required by it, this project includes: * VueMoment (MomentJS) for time formatting * FontAwesome (Pro) for icons. You'll have to switch out icons if you don't have pro. * Vue Lodash For working with the data. * Color Convert for working with color values.