Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Evaluating your stylesheets

Evaluating your stylesheets

円滑なWeb 運用のできるCSS設計&制作を考えよう
http://yuru2.jp/2015/07/21/cafe48/

Koji Ishimoto

August 01, 2015
Tweet

More Decks by Koji Ishimoto

Other Decks in Programming

Transcript

  1. 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
  2. We can find some bugs immediately in our CSS using

    StyleStats.  ๑•̀䝱•́ و✧