2
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

FLOCSSをベースとしたオレオレCSSルール

Last updated at Posted at 2017-08-22

My CSS Rules

仮にDOCSSと名付けました。こちらから

オレオレルールになるまでの経緯

CSS設計の教科書」を読んでから色々考えるようになって、FLOCSSがいいとこ取り感があっていいなーって思って採用していたのですが、自分のように1人でコーディングする場合にページ単位でブロックを作るのがベストかなとか思い始めたのがきっかけです。
色々試行錯誤の末、今のようなルールになりました。

ElementのElement

こちらを参考にキャメルケースでやったら結構スッキリしました

Modifier

Modifierが今でもまだむずいなーって思ってる所です。
実際、CSSのセレクタとかで解決できちゃう場合も多く、ただそうなった時にわかりやすさが無くなってしまうのでModifierの方がいいよなーってなったり。。

PageBLockの依存

当たり前ですが、PageBLockがそのページに依存しているのでPageBLockで組んでたけどそのブロック共通にしてCommonModuleにしなきゃいけなくなった時に非常に面倒なことになります。

2
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?