Evaluating your stylesheets

5,068 views

Published on

円滑なWeb 運用のできるCSS設計&制作を考えよう
【2015年8月1日|西新宿 】
http://yuru2.jp/2015/07/21/cafe48/

Published in: Design

Evaluating your stylesheets

  1. 1. Evaluating your stylesheets Koji Ishimoto, 『 © 2015 Kaizen Platform, Inc.
  2. 2. Koji Ishimoto @t32k Front-end Engineer
  3. 3. StyleStats
  4. 4. Demo
  5. 5. stylestats.org
  6. 6. Metrics • Style Sheets • Style Elements • Size • Gzipped Size • Data URI Size • Ratio of Data URI Size • Simplicity • Rules • Selectors • Declarations • Average of Identifier • Most Identifier • Most Identifier Selector • Average of Cohesion • Lowest Cohesion • Lowest Cohesion Selector • Total Unique Font Sizes • Unique Font Sizes • Total Unique Font Families • Unique Font Families • Total Unique Colors • Unique Colors • ID Selectors • Universal Selectors • Unqualified Attribute • Selectors • JavaScript Specific • Selectors • User Specified Selectors • Important Keywords • Float Properties • Media Queries • Properties Count
  7. 7. Who is using StyleStats?
  8. 8. StyleStats in Kaizen Platform
  9. 9. Kaizen Platform Styleguide
  10. 10. ๑•̀ •́ ‫✧و‬
  11. 11. Work with us!
  12. 12. Sign up as a Growth Hacker!
  13. 13. Thanks!

×