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

Object-Oriented CSS

Rachel Ober
April 12, 2013
Programming
1
34

Object-Oriented CSS

Rachel Ober

April 12, 2013
Tweet

More Decks by Rachel Ober

See All by Rachel Ober
So, You Want to Organize a Conference
rachelober
0
43
Front End Workshop 2015
rachelober
0
62
Front End Overview for Interns 2015
rachelober
1
38
IE Classes
rachelober
0
44
Front End Overview (2014)
rachelober
0
38
Team Communication Through Code
rachelober
0
66
Responsive Emails
rachelober
0
37
What I Learned About SVG
rachelober
0
43
Paperless Post Sass
rachelober
1
79

Other Decks in Programming

See All in Programming
カンファレンス動画鑑賞会のススメ / Osaka.swift #1
hironytic
0
180
“あなた” の開発を支援する AI エージェント Bedrock Engineer / introducing-bedrock-engineer
gawa
7
750
ISUCON14感想戦で85万点まで頑張ってみた
ponyo877
1
730
Внедряем бюджетирование, или Как сделать хорошо?
lamodatech
0
950
HTML/CSS超絶浅い説明
yuki0329
0
200
BEエンジニアがFEの業務をできるようになるまでにやったこと
yoshida_ryushin
0
220
情報漏洩させないための設計
kubotak
5
1.4k
「とりあえず動く」コードはよい、「読みやすい」コードはもっとよい / Code that 'just works' is good, but code that is 'readable' is even better.
mkmk884
6
1.4k
PHPとAPI Platformで作る本格的なWeb APIアプリケーション（入門編） / phpcon 2024 Intro to API Platform
ttskch
0
400
自動で //nolint を挿入する取り組み / Gopher's Gathering
utgwkk
1
110
QA環境で誰でも自由自在に現在時刻を操って検証できるようにした話
kalibora
1
140
SRE、開発、QAが協業して挑んだリリースプロセス改革@SRE Kaigi 2025
nealle
1
130

Featured

See All Featured
Automating Front-end Workflow
addyosmani
1366
200k
Code Reviewing Like a Champion
maltzj
521
39k
Thoughts on Productivity
jonyablonski
68
4.4k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
500
Designing for humans not robots
tammielis
250
25k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Embracing the Ebb and Flow
colly
84
4.5k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
192
16k
Site-Speed That Sticks
csswizardry
3
280
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.2k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k

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