【Workshop@140808】 Topic: EZTABLE Design Library_Live Styleguide Speaker: KC Liu

1. EZTABLE Design Library
Live Styleguide
- kcliu F2E@EZTABLE

2. Why need it?
● learn from Bootstrap, Semantic UI
● better communication
● consistency
● reusable components
● boost development

3. How to build Styleguide
SASS + KSS

4. SASS
● Modular file structure with @import
● Variables
● demo

5. SASS

6. SASS

7. KSS

8. KSS
● human readable
● machine parsable
● work for SASS, SCSS, LESS …
● Ruby

9. kss-node
A NodeJS Implementation of KSS

13. Refs
● http://sass-lang.com/guide
● http://semantic-ui.com/
● https://speakerdeck.com/kneath/a-better-
future-with-kss
● https://github.com/kss-node/kss-node