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
CSS Wranglin'
Search
Joe Ellis
March 01, 2013
Technology
6
130
CSS Wranglin'
How to wrangle and organize CSS in a sane way for medium to large applications.
Joe Ellis
March 01, 2013
Tweet
Share
More Decks by Joe Ellis
See All by Joe Ellis
Sass vs Less vs Stylus vs Rework
notjoeellis
3
2.2k
Scalable CSS
notjoeellis
5
360
Barcamp 5 - A Website's Tale
notjoeellis
2
200
Other Decks in Technology
See All in Technology
Yahoo!ショッピングにおけるQAエンジニア
lycorptech_jp
PRO
0
130
LLM時代のパフォーマンスチューニング:MongoDB運用で試したコンテキスト活用の工夫
ishikawa_pro
0
200
iOSDJ2025 - Stream Deck Plugin using Swift
hcrane
0
130
2025/09/16 仕様駆動開発とAI-DLCが導くAI駆動開発の新フェーズ
masahiro_okamura
0
250
テストコードすら書けなかったレガシーアプリがAIと上手に協働できるようになるまでの軌跡
dip_tech
PRO
0
170
はじめてのOSS開発からみえたGo言語の強み
shibukazu
4
1.1k
AIの最新技術&テーマをつまんで紹介&フリートークするシリーズ:はじめてのローカルLLM
stanaka26
0
140
20250912_RPALT_データを集める→とっ散らかる問題_Obsidian紹介
ratsbane666
0
110
いま注目のAIエージェントを作ってみよう
supermarimobros
0
420
Snowflake×dbtを用いたテレシーのデータ基盤のこれまでとこれから
sagara
0
200
IoT x エッジAI - リアルタイ ムAI活用のPoCを今すぐ始め る方法 -
niizawat
0
170
AIフレンドリーなコードベースを目指して/登壇資料(高橋 悟生)
hacobu
PRO
3
550
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
56
13k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
KATA
mclloyd
32
14k
Transcript
CSS Wranglin’ Friday, March 1, 13
by Joe Ellis @notjoeellis
[email protected]
Developer at Audiosocket Friday, March
1, 13
Disclaimer Friday, March 1, 13
This is for medium to large applications Rules may not
make sense for small sites. Friday, March 1, 13
YMMV Friday, March 1, 13
Use a CSS precompiler Friday, March 1, 13
File Structure Friday, March 1, 13
Friday, March 1, 13
General Goals Friday, March 1, 13
• Predictable • Reusable • Maintainable • Scalable Good CSS
is: How to do this? Friday, March 1, 13
Avoid overly specific selectors and parent selectors Friday, March 1,
13
BAD Friday, March 1, 13
GOOD Friday, March 1, 13
Avoid #IDS Friday, March 1, 13
Avoid overly generic class names Friday, March 1, 13
BAD Friday, March 1, 13
GOOD Friday, March 1, 13
Avoid having classes do too much. Abstract where possible. Friday,
March 1, 13
BAD Friday, March 1, 13
NOT BAD Friday, March 1, 13
BEST Friday, March 1, 13
Separate CSS styles from JS hooks Friday, March 1, 13
BAD Friday, March 1, 13
GOOD Friday, March 1, 13
Got questions /tips? Friday, March 1, 13
FIN Friday, March 1, 13