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
52
1

Object-Oriented CSS

Avatar for Rachel Ober

Rachel Ober

April 12, 2013

More Decks by Rachel Ober

See All by Rachel Ober
So, You Want to Organize a Conference
Avatar for Rachel Ober rachelober
0
65
Front End Workshop 2015
Avatar for Rachel Ober rachelober
0
80
Front End Overview for Interns 2015
Avatar for Rachel Ober rachelober
1
59
IE Classes
Avatar for Rachel Ober rachelober
0
60
Front End Overview (2014)
Avatar for Rachel Ober rachelober
0
68
Team Communication Through Code
Avatar for Rachel Ober rachelober
0
87
Responsive Emails
Avatar for Rachel Ober rachelober
0
52
What I Learned About SVG
Avatar for Rachel Ober rachelober
0
74
Paperless Post Sass
Avatar for Rachel Ober rachelober
1
100

Other Decks in Programming

See All in Programming
의존성 주입과 모듈화
Avatar for Sungyong An fornewid
0
130
Exploring RuboCop with MCP
Avatar for Koichi ITO koic
0
510
Alternatives to JPA 2026
Avatar for Sunghyouk Bae (Debop) debop
0
110
TiDBのアーキテクチャから学ぶ分散システム入門 〜MySQL互換のNewSQLは何を解決するのか〜 / tidb-architecture-study
Avatar for DPon dznbk
1
170
セグメントとターゲットを意識するプロポーザルの書き方 〜採択の鍵は、誰に刺すかを見極めるマーケティング戦略にある〜
Avatar for memory m3m0r7
PRO
0
510
Reactive ❤️ Loom: A Forbidden Love Story
Avatar for Francesco Nigro franz1981
2
230
How Swift's Type System Guides AI Agents
Avatar for Yuta Koshizawa koher
0
250
飯MCP
Avatar for Yusuke Wada yusukebe
0
510
Rethinking API Platform Filters
Avatar for Vincent Amstoutz vinceamstoutz
0
11k
KagglerがMixSeekを触ってみた
Avatar for Morim morim
0
380
CDK Deployのための ”反響定位”
Avatar for watany watany
4
740
UIの境界線をデザインする | React Tokyo #15 メイントーク
Avatar for SASAPIYO sasagar
2
310

Featured

See All Featured
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
180
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
730
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.7k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
69
38k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
120
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.2k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
210
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
64
53k
Claude Code のすすめ
Avatar for schroneko schroneko
67
220k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k

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