Evaluating your stylesheets

•

17 j'aime•8,002 vues

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

Contenu connexe

Similaire à 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

Similaire à 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

Plus de Koji Ishimoto

マイクロインタラクション事始め以前Koji Ishimoto

JavaScript/CSS 2015 AutumnKoji Ishimoto

フロントエンドエンジニア（仮）〜え、ちょっとフロントやること多すぎじゃない！？〜Koji Ishimoto

WebデザイナーのためのSass/Compass入門Koji Ishimoto

パフォーマンスから考えるSass/Compassの導入・運用Koji Ishimoto

モバイル制作におけるパフォーマンス最適化についてKoji Ishimoto

Measuring Web Performance - 自己満足で終わらないためのパフォーマンス計測 -Koji Ishimoto

スマートフォンWebアプリ最適化”３つの極意”Koji Ishimoto

TumblrTouchKoji Ishimoto

大規模サイトにおけるGoogleアナリティクス導入から成果までKoji Ishimoto

tissa for iOSKoji Ishimoto

Using Google Analytics with jQuery MobileKoji Ishimoto

mobile firstKoji Ishimoto

Communities of Practice – kanazawa.js結成までの軌跡 -Koji Ishimoto

Long Life Web Performance OptimizationKoji Ishimoto

Coding Web PerformanceKoji Ishimoto

ビジネスにおけるウェブパフォーマンスKoji Ishimoto

High Performance Web DesignKoji Ishimoto

Webスライスから始めるmicroformatsKoji Ishimoto

Plus de Koji Ishimoto (19)

マイクロインタラクション事始め以前

JavaScript/CSS 2015 Autumn

フロントエンドエンジニア（仮）〜え、ちょっとフロントやること多すぎじゃない！？〜

WebデザイナーのためのSass/Compass入門

パフォーマンスから考えるSass/Compassの導入・運用

モバイル制作におけるパフォーマンス最適化について

Measuring Web Performance - 自己満足で終わらないためのパフォーマンス計測 -

スマートフォンWebアプリ最適化”３つの極意”

TumblrTouch

大規模サイトにおけるGoogleアナリティクス導入から成果まで

tissa for iOS

Using Google Analytics with jQuery Mobile

mobile first

Communities of Practice – kanazawa.js結成までの軌跡 -

Long Life Web Performance Optimization

Coding Web Performance

ビジネスにおけるウェブパフォーマンス

High Performance Web Design

Webスライスから始めるmicroformats

Dernier

8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Availabledollysharma2066

➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...amitlee9823

ab-initio-training basics and architecturesaipriyacoool

Hire 💕 8617697112 Meerut Call Girls Service Call Girls AgencyNitya salvi

Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)amitlee9823

call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...Delhi Call girls

Sweety Planet Packaging Design Process Book.pptxbingyichin04

Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)amitlee9823

Just Call Vip call girls diu Escorts ☎️9352988975 Two shot with one girl (diu )gajnagarg

Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verifiedDelhi Call girls

Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...Nitya salvi

Lecture 01 Introduction To Multimedia.pptxShoaibRajper1

WhatsApp Chat: 📞 8617697112 Call Girl Baran is experiencedNitya salvi

Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...amitlee9823

How to Build a Simple Shopify Websitemark11275

Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...sriharipichandi

➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...amitlee9823

Call Girls Jalgaon Just Call 8617370543Top Class Call Girl Service AvailableNitya salvi

Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...amitlee9823

Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...nirzagarg

Dernier (20)

8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available

➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...

ab-initio-training basics and architecture

Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency

Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)

call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...

Sweety Planet Packaging Design Process Book.pptx

Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)

Just Call Vip call girls diu Escorts ☎️9352988975 Two shot with one girl (diu )

Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified

Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...

Lecture 01 Introduction To Multimedia.pptx

WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced

Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...

How to Build a Simple Shopify Website

Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...

➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...

Call Girls Jalgaon Just Call 8617370543Top Class Call Girl Service Available

Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...

Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...

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!