argyleink / css-at-cds

links to demo's and docs from our talk at Chrome Dev Summit 2019

Home Page:https://css-at-cds.netlify.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

  1. mkdir new-project-name && cd $_
  2. git clone --depth=1 https://github.com/argyleink/shortstack.git . && rm -rf ./.git
  3. npm i
  4. npm 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

About

links to demo's and docs from our talk at Chrome Dev Summit 2019

https://css-at-cds.netlify.com/


Languages

Language:HTML 69.6%Language:CSS 23.4%Language:JavaScript 7.0%