Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Object-Oriented CSS

Avatar for Rachel Ober Rachel Ober
April 12, 2013
Programming
65
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
73
Front End Workshop 2015
Avatar for Rachel Ober rachelober
0
99
Front End Overview for Interns 2015
Avatar for Rachel Ober rachelober
1
72
IE Classes
Avatar for Rachel Ober rachelober
0
97
Front End Overview (2014)
Avatar for Rachel Ober rachelober
0
96
Team Communication Through Code
Avatar for Rachel Ober rachelober
0
100
Responsive Emails
Avatar for Rachel Ober rachelober
0
70
What I Learned About SVG
Avatar for Rachel Ober rachelober
0
90
Paperless Post Sass
Avatar for Rachel Ober rachelober
1
120

Other Decks in Programming

See All in Programming
パズルゲームの作り方 / how to make puzzle games
Avatar for kaityo256 kaityo256
PRO
2
290
Rでドレミ/Do-Re-Mi_with_R
Avatar for florets1 florets1
0
130
気持ちぃ〜角丸 Squircle
Avatar for ryu ryu1013
0
310
UnityでSystem.Net.WebSocketsなWebSocketサーバが動かないのでUnity Monoのコードを覗いてみた / about implementing websocket server with unity mono
Avatar for にー兄さん drumath2237
1
610
Web Framework Benchmark Battle 2026, Any%
Avatar for Akira Matsuda a_matsuda
2
2.1k
當我們開始不讀 Code - AI Agent 時代，Code Review 與 Clean Code 還剩下什麼？
Avatar for James Wang jame2408
1
210
現場と育てるRailsモデリング 〜Spreadsheetから始めたモデル設計〜
Avatar for siroemk siroemk
2
590
JIS keyboard support in Omarchy
Avatar for LEF lef237
0
120
カツオ、ご期待ください
Avatar for saku_totomi suneo3476
0
190
UPDATE をやめる — EF Core でマスタをバージョン管理する
Avatar for HideyukiKitao panda728
PRO
0
1.2k
[Dev Group Paris Octobre 26] Agentforce, SIforce, Claudeforce, Slackbot… on s'y retrouve ?
Avatar for Nathan Abondance nabondance
0
110
個人開発者よ、Honoを使え（おじさんver）
Avatar for tanahiro2010 tanahiro2010
2
260

Featured

See All Featured
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.5k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
1.2k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.8k
Between Models and Reality
Avatar for mayunak mayunak
4
500
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
2.2k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5.2k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
600
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
500
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
10
2.4k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.6k

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