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

Object-Oriented CSS

Rachel Ober
April 12, 2013
Programming
1
28

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
40
Front End Workshop 2015
rachelober
0
57
Front End Overview for Interns 2015
rachelober
1
35
IE Classes
rachelober
0
41
Front End Overview (2014)
rachelober
0
34
Team Communication Through Code
rachelober
0
49
Responsive Emails
rachelober
0
35
What I Learned About SVG
rachelober
0
33
Paperless Post Sass
rachelober
1
60

Other Decks in Programming

See All in Programming
#phpcon_odawara オープン・クローズドなテストフィクスチャを求めて / open closed test fixtures
77web
3
220
CircleCIを活用して AWSへの継続的デリバリーを 実践する
coconala_engineer
1
230
ログラスを支える設計標準について / loglass-design-standards
urmot
10
2.1k
Elm Form Validation
bkuhlmann
0
510
if constexpr文はテンプレート世界のラムダ式である
faithandbrave
0
110
1인 개발자로 행복하게 살기 - GDG 송도 헬로월드 2024
benjaminkim
1
5.6k
データアナリストが行うDatabricksを活用したETLの自動化事例
shinoa
0
250
Javaエンジニアのための Nodejs/Nuxt3入門
hidekatsu_izuno
0
280
Hanami and htmx
bkuhlmann
0
190
ONE WEDGE_company_guide
1wedge_one
0
380
AWS Application Composerで始める、 サーバーレスなデータ基盤構築 / 20240406-jawsug-hokuriku-shinkansen
kasacchiful
1
250
[SF Ruby, March 2024] Rails on Wasm
palkan
0
380

Featured

See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
397
65k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
19
1.9k
Raft: Consensus for Rubyists
vanstee
132
6.2k
The Art of Programming - Codeland 2020
erikaheidi
41
12k
Learning to Love Humans: Emotional Interface Design
aarron
266
39k
Web development in the modern age
philhawksworth
202
10k
Build The Right Thing And Hit Your Dates
maggiecrowley
23
2k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
186
16k
Navigating Team Friction
lara
177
13k
Scaling GitHub
holman
457
140k
Ruby is Unlike a Banana
tanoku
96
10k
Become a Pro
speakerdeck
PRO
10
4.5k

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