css-at-cds
css-at-cds copied to clipboard
argyleink
links to demo's and docs from our talk at Chrome Dev Summit 2019
Missed it? Watch it here!
https://www.youtube.com/watch?v=-oyeaIirVC0
Building this repo:
Modern Javascript ›
Rollup to bundle, treeshake, import from NPM or URLs, and import CSS.
Modern CSS ›
PostCSS to import from NPM, postcss-preset-env for CSS features from the spec, and easings from easings.net for convenient use in animations.
Rad Development Server ›
Browsersync with all the goodies: live reload, cross device syncing, remote debugging, etc.
Getting Started
mkdir new-project-name && cd $_git clone --depth=1 https://github.com/argyleink/shortstack.git . && rm -rf ./.gitnpm inpm start
Development
Running npm start runs Browsersync, which watches changes to your files in ./app and refreshes connected browsers so that you can see the effects of your changes live.
Building
Once you're ready to go live npm run build compiles and minifies your code in app and outputs the optimised result to a folder called dist that's ready to be shared on the web
argyleink