the-joy-of-css
the-joy-of-css copied to clipboard
olizilla
How to touch a users eyes without hurting them or freaking out.
How to touch a users eyes without hurting them or freaking out.
A talk for Founders & Coders, 2017-01-10
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
A (╯°□°）╯︵TABLEFLIP technotalk.
olizilla