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.

Evaluating your stylesheets

6,267 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!

×