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
38

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
46
Paperless Post Sass
Avatar for Rachel Ober rachelober
1
82

Other Decks in Programming

See All in Programming
KANNA Android の技術的課題と取り組み
Avatar for Yosuke Watanabe watabee
1
530
Cursorを活用したAIプログラミングについて 入門
Avatar for 株式会社レクト rect
0
220
Vibe Coding の話をしよう
Avatar for schroneko schroneko
14
3.8k
個人開発の学生アプリが企業譲渡されるまで
Avatar for akidon0000 akidon0000
2
1.2k
REALITY コマンド作成チュートリアル
Avatar for にしうり らく nishiuriraku
0
120
flutter_kaigi_mini_4.pdf
Avatar for Hiroki Nobuta nobu74658
0
150
M5UnitUnified 最新動向 2025/05
Avatar for GOB gob
0
140
ウォンテッドリーの「ココロオドル」モバイル開発 / Wantedly's "kokoro odoru" mobile development
Avatar for Masatoshi Kubode kubode
2
600
Instrumentsを使用した アプリのパフォーマンス向上方法
Avatar for hinakko hinakko
0
250
OpenTelemetry + LLM = OpenLLMetry!?
Avatar for Yunosuke Yamada yunosukey
1
130
最速Green Tea 🍵 Garbage Collector
Avatar for kuro kuro_kurorrr
1
130
The New Developer Workflow: How AI Transforms Ideas into Code
Avatar for Daniel Sogl danielsogl
0
140

Featured

See All Featured
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
29
940
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
6
540
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.2k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
268
20k
Fontdeck: Realign not Redesign
Avatar for Paul Robert Lloyd paulrobertlloyd
84
5.5k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
32
2.3k
Building Applications with DynamoDB
Avatar for Matt Wood mza
94
6.4k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
41
2.3k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
105
19k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
280
13k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
251
21k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k

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