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

Object-Oriented CSS

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Rachel Ober Rachel Ober
April 12, 2013
Programming
55
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
66
Front End Workshop 2015
Avatar for Rachel Ober rachelober
0
83
Front End Overview for Interns 2015
Avatar for Rachel Ober rachelober
1
60
IE Classes
Avatar for Rachel Ober rachelober
0
72
Front End Overview (2014)
Avatar for Rachel Ober rachelober
0
78
Team Communication Through Code
Avatar for Rachel Ober rachelober
0
89
Responsive Emails
Avatar for Rachel Ober rachelober
0
56
What I Learned About SVG
Avatar for Rachel Ober rachelober
0
80
Paperless Post Sass
Avatar for Rachel Ober rachelober
1
100

Other Decks in Programming

See All in Programming
新規プロダクトを高速で生み出すハーネスエンジニアリング
Avatar for Ryohei Ikegami seanchas116
15
7.4k
GitHub Copilot CLIのいいところ
Avatar for tkym htkym
2
1.2k
脅威をエンジニアリングの糧にして――現場編 / Turning Threats into Engineering Fuel — Field Edition
Avatar for nrs nrslib
0
220
1人1案件のプロダクトエンジニア時代に、"プロセス監督"としてチャレンジしたこと
Avatar for のんちゃん non0113
0
350
Claspは野良GASの夢をみるか
Avatar for てらうちたかし takter00
0
140
These Five Tricks Can Make Your Apps Greener, Cheaper, & Nicer
Avatar for Holly Cummins hollycummins
0
250
AIとRubyの静的型付け
Avatar for ukin0k0 ukin0k0
0
440
AI 時代のソフトウェア設計の学び方
Avatar for 増田 亨 masuda220
PRO
28
11k
Oxcを導入して開発体験が向上した話
Avatar for Yuji Yamaguchi yug1224
4
250
inferと仲良くなる10分間
Avatar for ryokatsuse ryokatsuse
1
270
JavaDoc 再入門
Avatar for nagise nagise
0
210
技術記事、AIに書かせるか、自分で書くか？ 〜それでも私が自分の手で書く理由〜 / #QiitaConference
Avatar for Junichi Ito jnchito
2
1.2k

Featured

See All Featured
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
610
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
200
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
300
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
3.5M
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1033
470k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
310
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4.1k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.2k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
930
Leo the Paperboy
Avatar for Maya Tellez mayatellez
7
1.8k

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