Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Object-Oriented CSS

Avatar for Rachel Ober Rachel Ober
April 12, 2013
Programming
1
40

Object-Oriented CSS

Avatar for Rachel Ober

Rachel Ober

April 12, 2013
Tweet

More Decks by Rachel Ober

See All by Rachel Ober
So, You Want to Organize a Conference
Avatar for Rachel Ober rachelober
0
49
Front End Workshop 2015
Avatar for Rachel Ober rachelober
0
65
Front End Overview for Interns 2015
Avatar for Rachel Ober rachelober
1
44
IE Classes
Avatar for Rachel Ober rachelober
0
47
Front End Overview (2014)
Avatar for Rachel Ober rachelober
0
44
Team Communication Through Code
Avatar for Rachel Ober rachelober
0
70
Responsive Emails
Avatar for Rachel Ober rachelober
0
38
What I Learned About SVG
Avatar for Rachel Ober rachelober
0
48
Paperless Post Sass
Avatar for Rachel Ober rachelober
1
87

Other Decks in Programming

See All in Programming
F#で自在につくる静的ブログサイト - 関数型まつり2025
Avatar for pizzacat83 pizzacat83
0
310
童醫院敏捷轉型的實踐經驗
Avatar for Max Lai cclai999
0
120
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
Avatar for Kentaro Yoshida y_ken
0
290
Composerが「依存解決」のためにどんな工夫をしているか #phpcon
Avatar for hideki kinjyo o0h
PRO
1
150
地方に住むエンジニアの残酷な現実とキャリア論
Avatar for nakamichi ichimichi
3
970
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
Avatar for Akira Kobori koboriakira
0
240
What Spring Developers Should Know About Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
150
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
Avatar for shiro seike seike460
PRO
1
420
Cline指示通りに動かない？ AI小説エージェントで学ぶ指示書の書き方と自動アップデートの仕組み
Avatar for 葦沢かもめ kamomeashizawa
1
570
Is Xcode slowly dying out in 2025?
Avatar for 上ちょ / uetyo uetyo
1
180
[初登壇＠jAZUG]アプリ開発者が気になるGoogleCloud/Azure＋wasm/wasi
Avatar for asaringo asaringo
0
130
プロダクト志向ってなんなんだろうね
Avatar for RightTouch righttouch
PRO
0
130

Featured

See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
42
7.5k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.6k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
22
3.5k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
69
11k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
137
34k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
657
60k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
188
11k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.7k
Scaling GitHub
Avatar for Zach Holman holman
459
140k

Transcript

  1. Object-Oriented CSS

  2. Grid

  3. None

  4. Padding & Margins

  5. app/styles/styleguide/_spacing.scss

  6. None
  7. None

  8. Does that really help us?

  9. Cascading Style Sheets (CSS) Noun A style sheet language used

    for describing the presentation semantics (the look and formatting) of a document written in a markup language.

  10. When I want to change a style, I should only

    touch the CSS, not the HTML

  11. http://ianstormtaylor.com/oocss-plus-sass-is-the-best-way-to-css/

  12. OOCSS + Sass

  13. None
  14. None
  15. None