Evaluating your stylesheets

Transcript of "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!