Usage

npm install
npm watch

Will open a browser pointing to http://localhost:3000 and show the slideshow.

The slide show is all HTML, CSS, and just enough JS to make it move. The code is for edutainment purposes only. Feel free to fork it better.

npm test

Will show what it looks like to fail a stylelint exam.

Reading list

Use hsla() for colors: https://css-tricks.com/yay-for-hsla/
CSS color names are fun: http://colours.neilorangepeel.com
Use good colors: http://clrs.cc/
Generate a coherent palette: https://palx.jxnblk.com/
http://colours.neilorangepeel.com
Unicode, animated: http://oli.zilla.org.uk/unicode/v1/
Use the system font to blend in: https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/
Do incredible things with 1 div: http://a.singlediv.com/
That text shadow demo: https://github.com/codingdesigner/sassymothereffingtextshadow
Read the (old) spec: https://www.w3.org/TR/CSS2/
I did a nodebot: http://jsbin.com/iKaGel/18/edit?html,css,output
Krav maga of design: https://medium.com/@erikdkennedy/7-rules-for-creating-gorgeous-ui-part-1-559d4e805cda#.60xrb42l6
Tachyons docs will teach you good things: http://tachyons.io/docs/
See how bad it is: http://cssstats.com
Automate yourself better: http://stylelint.io

---