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

Object-Oriented CSS

Rachel Ober
April 12, 2013
Programming
1
36

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

Other Decks in Programming

See All in Programming
AIコーディングワークフローの試行 〜AIエージェント×ワークフローでの自動化を目指して〜
rkaga
2
3.4k
Devin入門と最近のアップデートから見るDevinの進化 / Introduction to Devin and the Evolution of Devin as Seen in Recent Update
rkaga
9
4.8k
海外のアプリで見かけたかっこいいTransitionを真似てみる
shogotakasaki
1
160
フロントエンドテストの育て方
quramy
11
2.9k
Agentic Applications with Symfony
el_stoffel
2
270
Coding Experience Cpp vs Csharp - meetup app osaka@9
harukasao
0
730
Rollupのビルド時間高速化によるプレビュー表示速度改善とバンドラとASTを駆使したプロダクト開発の難しさ
plaidtech
PRO
1
160
プロダクト横断分析に役立つ、事前集計しないサマリーテーブル設計
hanon52_
2
390
新しいPHP拡張モジュールインストール方法「PHP Installer for Extensions (PIE)」を使ってみよう！
cocoeyes02
0
340
DomainException と Result 型で作る型安全なエラーハンドリング
karszawa
0
890
リアルタイムレイトレーシング + ニューラルレンダリング簡単紹介 / Real-Time Ray Tracing & Neural Rendering: A Quick Introduction (2025)
shocker_0x15
1
290
[NG India] Event-Based State Management with NgRx SignalStore
markostanimirovic
1
110

Featured

See All Featured
Side Projects
sachag
452
42k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
5
520
The Language of Interfaces
destraynor
157
24k
How to train your dragon (web standard)
notwaldorf
91
6k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
It's Worth the Effort
3n
184
28k
Done Done
chrislema
183
16k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
52
2.4k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
47
2.5k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k

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