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

Object-Oriented CSS

Rachel Ober
April 12, 2013
Programming
1
33

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
42
Front End Workshop 2015
rachelober
0
62
Front End Overview for Interns 2015
rachelober
1
37
IE Classes
rachelober
0
43
Front End Overview (2014)
rachelober
0
38
Team Communication Through Code
rachelober
0
65
Responsive Emails
rachelober
0
37
What I Learned About SVG
rachelober
0
42
Paperless Post Sass
rachelober
1
77

Other Decks in Programming

See All in Programming
Pinia Colada が実現するスマートな非同期処理
naokihaba
4
230
Creating a Free Video Ad Network on the Edge
mizoguchicoji
0
120
イマのCSSでできる
インタラクション最前線 + CSS最新情報
clockmaker
4
1.3k
デザインパターンで理解するLLMエージェントの作り方 / How to develop an LLM agent using agentic design patterns
rkaga
3
370
Modular Monolith Monorepo ～シンプルさを保ちながらmonorepoのメリットを最大化する～
yuisakamoto
5
340
ローコードSaaSのUXを向上させるためのTypeScript
taro28
1
630
Functional Event Sourcing using Sekiban
tomohisa
0
110
OSSで起業してもうすぐ10年 / Open Source Conference 2024 Shimane
furukawayasuto
0
110
Enabling DevOps and Team Topologies Through Architecture: Architecting for Fast Flow
cer
PRO
0
350
cmp.Or に感動した
otakakot
3
230
Kaigi on Rails 2024 〜運営の裏側〜
krpk1900
1
260
タクシーアプリ『GO』のリアルタイムデータ分析基盤における機械学習サービスの活用
mot_techtalk
6
1.6k

Featured

See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
364
19k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.8k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
VelocityConf: Rendering Performance Case Studies
addyosmani
325
24k
A better future with KSS
kneath
238
17k
Git: the NoSQL Database
bkeepers
PRO
427
64k
Become a Pro
speakerdeck
PRO
25
5k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
The Cult of Friendly URLs
andyhume
78
6k
What's new in Ruby 2.0
geeforr
343
31k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
28
2k
Documentation Writing (for coders)
carmenintech
65
4.4k

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