Evaluating your stylesheets

•

17 recomendaciones•8,001 vistas

Koji Ishimoto

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

Diseño

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

Más contenido relacionado

Similar a 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 a 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

Más 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

Más 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

Último

DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan

Color Theory Explained for Noobs- Think360 StudioThink360 Studio

Pearl Disrtrict urban analyusis study pptxDanielTamiru4

General Knowledge Quiz Game C++ CODE.pptxmarckustrevion

Top 10 Modern Web Design Trends for 2025Rndexperts

办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco

The spirit of digital place - game worlds and architectural phenomenologyChristopher Totten

Map of St. Louis Parks CharlottePulte

Piece by Piece Magazine CharlottePulte

Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA

10 Best WordPress Plugins to make the website effective in 2024digital learning point

How to Empower the future of UX Design with Gen AIyuj

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

AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster1508 A/S

Pharmaceutical Packaging for the elderly.pdfAayushChavan5

Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxNitish292041

怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道yrolcks

world health day 2024.pptxgbbvggvbhjjjbbbbpreetirao780

cda.pptx critical discourse analysis pptMaryamAfzal41

Interior Design for Office a cura di RMG Project StudioRMG Project Studio

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!