Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
EZTABLE Design Library
Live Styleguide
- kcliu F2E@EZTABLE
Why need it?
● learn from Bootstrap, Semantic UI
● better communication
● consistency
● reusable components
● boost develo...
How to build Styleguide
SASS + KSS
SASS
● Modular file structure with @import
● Variables
● demo
SASS
SASS
KSS
KSS
● human readable
● machine parsable
● work for SASS, SCSS, LESS …
● Ruby
kss-node
A NodeJS Implementation of KSS
Refs
● http://sass-lang.com/guide
● http://semantic-ui.com/
● https://speakerdeck.com/kneath/a-better-
future-with-kss
● h...
【Edd workshop@140808】eztable design library kc liu
【Edd workshop@140808】eztable design library kc liu
【Edd workshop@140808】eztable design library kc liu
Upcoming SlideShare
Loading in …5
×

【Edd workshop@140808】eztable design library kc liu

474 views

Published on

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

Published in: Engineering
  • Be the first to comment

  • Be the first to like this

【Edd workshop@140808】eztable design library kc liu

  1. 1. EZTABLE Design Library Live Styleguide - kcliu F2E@EZTABLE
  2. 2. Why need it? ● learn from Bootstrap, Semantic UI ● better communication ● consistency ● reusable components ● boost development
  3. 3. How to build Styleguide SASS + KSS
  4. 4. SASS ● Modular file structure with @import ● Variables ● demo
  5. 5. SASS
  6. 6. SASS
  7. 7. KSS
  8. 8. KSS ● human readable ● machine parsable ● work for SASS, SCSS, LESS … ● Ruby
  9. 9. kss-node A NodeJS Implementation of KSS
  10. 10. 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

×