Evaluating your stylesheets

•

17 likes•8,001 views

Koji Ishimoto

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

Design

Evaluating your stylesheets
Koji Ishimoto, 『
© 2015 Kaizen Platform, Inc.

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

Similar to Evaluating your stylesheets

Intro to css & sassSean Wolfe

Project Credit: Richard Wynne - Workflow and Manuscript Contributor Role TaggingCASRAI

Fonts in Publishing - What's the issue?Extensis

Principles of TaxonomiesTheresa Putkey

Website Architecture Presentation from Web Strategy WorkshopsCharles Edmunds

Multimedia Development LifecycleLeoni Rahmawati

Building a Flexible UI with Oracle ApExBradley Brown

Building an Inclusive Magento Community #mm18deSherrie Rohde

SEO Workshop (Blazin Multimedia)blazinmedia

Web design training , Web Design Training In KolkataW3webschool

IOUG93 - Technical Architecture for the Data Warehouse - PresentationDavid Walker

Measuring Impact: Towards a data citation metricEdward Baker

Developing With DjangoDaniel Ryan

Beyond Yoast: 7 Critical SEO Steps Your Are Probably Missingbigfishresults

Ui devoplerJanu Jahnavi

BASPUG May 2014 - Taming Your Taxonomy in SharePointJonathan Ralton

Building and Deploying a Global Intranet with Liferayrivetlogic

SEO Do's and Dont's - Search in 2018Linus Logren

Riyadh UseR Group - 1st Meeting (Dec 2016(Ali Arsalan Kazmi

Domain Driven Design Demonstrated Alan Christensen

Similar to Evaluating your stylesheets (20)

Intro to css & sass

Project Credit: Richard Wynne - Workflow and Manuscript Contributor Role Tagging

Fonts in Publishing - What's the issue?

Principles of Taxonomies

Website Architecture Presentation from Web Strategy Workshops

Multimedia Development Lifecycle

Building a Flexible UI with Oracle ApEx

Building an Inclusive Magento Community #mm18de

SEO Workshop (Blazin Multimedia)

Web design training , Web Design Training In Kolkata

IOUG93 - Technical Architecture for the Data Warehouse - Presentation

Measuring Impact: Towards a data citation metric

Developing With Django

Beyond Yoast: 7 Critical SEO Steps Your Are Probably Missing

Ui devopler

BASPUG May 2014 - Taming Your Taxonomy in SharePoint

Building and Deploying a Global Intranet with Liferay

SEO Do's and Dont's - Search in 2018

Riyadh UseR Group - 1st Meeting (Dec 2016(

Domain Driven Design Demonstrated

Recently uploaded

澳洲UQ学位证,昆士兰大学毕业证书1:1制作aecnsnzk

Top 10 Modern Web Design Trends for 2025Rndexperts

Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131

Chapter 6(1)system devolopment life .pptDoaaRezk5

毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...ttt fff

原版1:1定制堪培拉大学毕业证（UC毕业证）#文凭成绩单#真实留信学历认证永久存档208367051

Iconic Global Solution - web design, Digital Marketing servicesIconic global solution

'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1

Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Yantram Animation Studio Corporation

办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一F dds

Design principles on typography in designnooreen17

Passbook project document_april_21__.pdfvaibhavkanaujia

Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort

Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff

办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L

1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss

2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss

Create Web Pages by programming of your chice.pdfworkingdev2003

How to Empower the future of UX Design with Gen AIyuj

办理澳大利亚国立大学毕业证ANU毕业证留信学历认证jdkhjh

Recently uploaded (20)

澳洲UQ学位证,昆士兰大学毕业证书1:1制作

Top 10 Modern Web Design Trends for 2025

Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai

Chapter 6(1)system devolopment life .ppt

毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...

原版1:1定制堪培拉大学毕业证（UC毕业证）#文凭成绩单#真实留信学历认证永久存档

Iconic Global Solution - web design, Digital Marketing services

'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,

Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...

办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一

Design principles on typography in design

Passbook project document_april_21__.pdf

Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service

Call Girls Aslali 7397865700 Ridhima Hire Me Full Night

办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一

1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改

2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree

Create Web Pages by programming of your chice.pdf

How to Empower the future of UX Design with Gen AI

办理澳大利亚国立大学毕业证ANU毕业证留信学历认证

Evaluating your stylesheets

2. Koji Ishimoto @t32k Front-end Engineer

7. StyleStats

8. Demo

9. stylestats.org

10. 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

11. Who is using StyleStats?

12. StyleStats in Kaizen Platform

13. Kaizen Platform Styleguide

14.

15. ๑•̀ •́ ‫✧و‬

16.

17. Work with us!

18. Sign up as a Growth Hacker!

19. Thanks!