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
36

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
44
Front End Workshop 2015
Avatar for Rachel Ober rachelober
0
64
Front End Overview for Interns 2015
Avatar for Rachel Ober rachelober
1
39
IE Classes
Avatar for Rachel Ober rachelober
0
46
Front End Overview (2014)
Avatar for Rachel Ober rachelober
0
39
Team Communication Through Code
Avatar for Rachel Ober rachelober
0
69
Responsive Emails
Avatar for Rachel Ober rachelober
0
38
What I Learned About SVG
Avatar for Rachel Ober rachelober
0
44
Paperless Post Sass
Avatar for Rachel Ober rachelober
1
81

Other Decks in Programming

See All in Programming
Jakarta EE Meets AI
Avatar for ivargrimstad ivargrimstad
0
780
Fiber Scheduler vs. General-Purpose Parallel Client
Avatar for hachi (Hayao Kimura) hayaokimura
1
290
Rubyの!メソッドをちゃんと理解する
Avatar for Yuto Urushima alstrocrack
1
120
2025-04-25 GitHub Copilot Agent ライブデモ（スクリプト）
Avatar for GOAMI Takaaki goataka
0
100
実践Webフロントパフォーマンスチューニング
Avatar for しーぴー cp20
45
10k
今話題のMCPサーバーをFastAPIでサッと作ってみた
Avatar for Yuuki Shimizu yuukis
0
110
RuboCop: Modularity and AST Insights
Avatar for Koichi ITO koic
2
2.4k
On-the-fly Suggestions of Rewriting Method Deprecations
Avatar for Masato Ohba ohbarye
1
4.8k
プロダクト横断分析に役立つ、事前集計しないサマリーテーブル設計
Avatar for Uchide Hiroki(ucchi-) hanon52_
3
540
AI時代の開発者評価について
Avatar for Ayuusu ayumuu
0
230
Golangci-lint v2爆誕: 君たちはどうすべきか
Avatar for logica / Takuto Nagami logica0419
1
230
20250429 - CNTUG Meetup #67 / DevOps Taiwan Meetup #69 - Deep Dive into Tetragon: Building Runtime Security and Observability with eBPF
Avatar for ChengHao Yang tico88612
0
170

Featured

See All Featured
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
14
1.4k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
29
9.4k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
612
210k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k
Navigating Team Friction
Avatar for Lara Hogan lara
185
15k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
410
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
29
920
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.3k
Visualization
Avatar for Eitan Lees eitanlees
146
16k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
81
9k

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