https://github.com/argyleink/css-at-cds

links to demo's and docs from our talk at Chrome Dev Summit 2019
https://github.com/argyleink/css-at-cds

Last synced: 14 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/argyleink/css-at-cds
• Owner: argyleink
• Created: 2019-11-06T23:41:41.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T11:38:40.000Z (almost 2 years ago)
• Last Synced: 2024-08-05T09:13:50.131Z (3 months ago)
• Language: HTML
• Homepage: https://css-at-cds.netlify.com/
• Size: 32.4 MB
• Stars: 15
• Watchers: 4
• Forks: 1
• Open Issues: 17
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
### Missed it? Watch it here!

https://www.youtube.com/watch?v=-oyeaIirVC0




##### Building this repo:

### Modern Javascript ›

[Rollup](https://rollupjs.org) to **bundle**, **treeshake**, **import from NPM or URLs**, and **import CSS**. 

### Modern CSS ›

[PostCSS](https://postcss.org) to **import from NPM**, [postcss-preset-env](https://preset-env.cssdb.org/) for **CSS features from the spec**, and **easings** from [easings.net](https://easings.net) for convenient use in animations. 

### Rad Development Server ›

[Browsersync](https://www.browsersync.io) with all the goodies: **live reload**, **cross device syncing**, **remote debugging**, [etc](https://www.browsersync.io).





## Getting Started

1. `mkdir new-project-name && cd $_`

1. `git clone --depth=1 https://github.com/argyleink/shortstack.git . && rm -rf ./.git`

1. `npm i`

1. `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