You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
This document discusses object-oriented CSS (OOCSS) as an evolution of CSS that makes it more powerful. OOCSS involves creating reusable CSS objects rather than page-specific rules, setting good global defaults, abstracting reusable elements, separating container and content, and using multiple classes to simulate inheritance. This allows for more scalable, maintainable and performant CSS code. So
If you deal with CSS at all, I urge you to watch the video of Nicole Sullivan's presentation at Webstock this year (and follow along with the slides on Slideshare). It's only half an hour long, and it is an eye-opening summary of the problem of massive, sprawling CSS. One of the core principles of progressive enhancement as a technique for web development is the separation of content (HTML), prese
こんにちは、マークアップエンヅニアのゆーじろーです。 今回は掲題の通り、オブジェクト指向CSSという概念について書きます。 ちなみに恥ずかしながら私はつい最近までこのOOCSSという概念を知りませんでした。 ただ、私が普段CSSコーディングする際に行っている行為がどうやらこれらしい。というのと、 いくつかドキュメントを探してみたら、概念を誤解しているようなものも散見されたので改めて纏めました。 オブジェクト指向CSS まず基本のおさらいですがCSSでは主にエレメント、クラス、IDの三種類の要素を使用してスタイルを定義します。 p{color:#ff0000;} /*エレメント*/ .red{color:#ff0000;}/*クラス*/ #red{color:#ff0000;}/*ID*/ 上記はどれも結果として返す値は変わりません。 ですので慣れてきた人であればこう書きます。 p, .re
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く