An engineer is a professional practitioner
of engineering
Engineer - Wikipedia
Slide 30
Slide 30 text
• Requirements, Design
• Construction
• Testing, Debugging
• Deployment, Maintenance
Software Development Process
Slide 31
Slide 31 text
Evaluate your CSS
Slide 32
Slide 32 text
StyleStats A npm package to collect CSS statistics.
Slide 33
Slide 33 text
• Style Sheets
• Style Elements
• Size
• Gzipped Size
• Data URI Size
• Ratio of Data URI Size
• Simplicity
• Rules
• Selectors
• Most Identifier
• Most Identifier Selector
• 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
Metrics StyleStats v5.0.0
Slide 34
Slide 34 text
$%npm%install%stylestats%
Slide 35
Slide 35 text
$%stylestats%<!
%%Options:%
%%%%%
%%%%
Slide 36
Slide 36 text
Vision is the art of seeing what is invisible.
Jonathan Swift, Essayist, Poet
Slide 37
Slide 37 text
No content
Slide 38
Slide 38 text
CSS Dig(Chrome Extension)
Slide 39
Slide 39 text
CSS Stats(Web)
Slide 40
Slide 40 text
StyleStats(Web)
Slide 41
Slide 41 text
No content
Slide 42
Slide 42 text
$%stylestats%path/to/app.css
var%StyleStats%=%require('stylestats');%
var%stats%=%new%StyleStats(‘path/to/app.css');%
stats.parse(function%(error,%result)%{%
%%console.log(JSON.stringify(result,%null,%2));%
});
Command Line Way
Programmatical Way
Slide 43
Slide 43 text
Use StyleStats from…
CLI Grunt Gulp GUI(Web)
Slide 44
Slide 44 text
Slack Integration
Slide 45
Slide 45 text
Who use it?
Slide 46
Slide 46 text
Engineering Tools
Slide 47
Slide 47 text
Continuous Integration
Slide 48
Slide 48 text
Continuous integration (CI) is the
practice, in software engineering, of
merging all developer working
copies with a shared mainline
several times a day.
Continuous integration - Wikipedia