Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
KonMariCSS
Search
Vince
November 26, 2017
Programming
0
93
KonMariCSS
How to Tidy Your Space and Change Your Life
Vince
November 26, 2017
Tweet
Share
More Decks by Vince
See All by Vince
Patterns, Language, and the tale of the Million Dollar Button
snailbites
1
530
Other Decks in Programming
See All in Programming
Agentic Coding: The Future of Software Development with Agents
mitsuhiko
0
110
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
kaelaela
10
5.7k
iOS 26にアップデートすると実機でのHot Reloadができない?
umigishiaoi
0
130
Railsアプリケーションと パフォーマンスチューニング ー 秒間5万リクエストの モバイルオーダーシステムを支える事例 ー Rubyセミナー 大阪
falcon8823
5
1.1k
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
shimabox
2
520
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
2
850
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
seike460
PRO
3
780
LT 2025-06-30: プロダクトエンジニアの役割
yamamotok
0
780
Is Xcode slowly dying out in 2025?
uetyo
1
280
Rails Frontend Evolution: It Was a Setup All Along
skryukov
0
160
A full stack side project webapp all in Kotlin (KotlinConf 2025)
dankim
0
120
ニーリーにおけるプロダクトエンジニア
nealle
0
860
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
524
40k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Designing for humans not robots
tammielis
253
25k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
Building an army of robots
kneath
306
45k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
510
Rails Girls Zürich Keynote
gr2m
95
14k
Transcript
KonMari CSS How to Tidy Your Space and Change Your
Life*
Vincent Nalupta Senior Software Engineer @snailbites
HUNGRY + ANGRY = HANGRY
First, some context...
None
None
None
None
¯\_(ツ)_/¯
The KonMari Cleaning Method
KonMari CSS How to Tidy Your Space and Change Your
Life*
ANALYZE PLAN REFACTOR OPTIMIZE
ANALYZE PLAN REFACTOR OPTIMIZE
“Place every piece of clothing in the house on the
floor.”
File size Selector count Maintainability Load times
cssstats.com
None
360 KB (76KB minified gzipped)
"Before you start, visualize the destination"
ANALYZE PLAN REFACTOR OPTIMIZE
Identify your goals
1 month 3 months 1 year
What problems are you trying to solve?
Settle on a naming convention
.parent <section class=”parent”> </section> -child <div class=”parent-child”> </div> -gchild <p
class=”parent-child-gchild”> ... </p>
.box--delivery .box--pickup
None
UI Testing
https://github.com/webdriverio/webdrivercss
"The moment you start, you reset your life."
ANALYZE PLAN REFACTOR OPTIMIZE
Refactor a single file “Code as Craft”
None
None
Break
File size Selector count Maintainability Load times
ANALYZE PLAN REFACTOR OPTIMIZE
Style guide driven development
None
Demo
None
Find the outliers
http://bit.ly/2evMYuw
End Game
None
Build some bridges!
None
@snailbites http://snailbites.com/blog/
(504) 229-6828 #KonMariCSS