CSS設計手法

きれいなCSSを書くために体系化された手法。

満足度
興味
利用度
認知度

満足度、興味、利用率、認知度のランキングです。

認知度が10%以下の技術は含めていません。度合いは次のように定義しています。

  • 満足度:また使いたい vs もう使わない
  • 興味:学びたい vs 興味がない
  • 利用率:また使いたい + もう使わない vs 認知度
  • 認知度:総数 - 聞いたことがない

技術について、この数年で評価がどう変わったかを示します。

もう使わない
興味がない
また使いたい
興味がある
知らない

1年ぶんのデータしかないものは含めていません。

このチャートは回答を肯定的なもの(「学びたい」「また使いたい」)と否定的なもの(「興味がない」「もう使わない」)に分けています。

棒の太さは、その技術を知っている人の数を表しています。

BEM
回答記入率: 80.9% (9302)
回答記入率: 80.9% (9302)

出力
パーセント%
Σ

2019

2020

もう使わない
興味がない
また使いたい
興味がある
知らない
パーセント%
Σ

2019

2020

もう使わない
興味がない
また使いたい
興味がある
知らない

OOCSS
回答記入率: 81.1% (9325)
回答記入率: 81.1% (9325)

出力
パーセント%
Σ

2019

2020

もう使わない
興味がない
また使いたい
興味がある
知らない
We asked members of the CSS community to share their “pick of the year”

My 2020 Pick: The CSS Cascade

With this blog post, Amelia Wattenberger didn't just go the extra mile, she ran a whole marathon! The animations and quiz will ensure you finally understand the CSS cascade.

We asked members of the CSS community to share their “pick of the year”

Sacha Greif

Creator of this survey

SMACSS
回答記入率: 81.2% (9331)
回答記入率: 81.2% (9331)

出力
パーセント%
Σ

2019

2020

もう使わない
興味がない
また使いたい
興味がある
知らない

ITCSS
回答記入率: 81% (9313)
回答記入率: 81% (9313)

出力
パーセント%
Σ

2019

2020

もう使わない
興味がない
また使いたい
興味がある
知らない

CUBE CSS
回答記入率: 81.1% (9317)
回答記入率: 81.1% (9317)

出力
パーセント%
Σ

2020

もう使わない
興味がない
また使いたい
興味がある
知らない

そのほかのツール
回答記入率: 0.9% (99)
回答記入率: 0.9% (99)

出力
パーセント%
Σ

このカテゴリ内でそのほかのツール(自由回答)。

このカテゴリについて、現状について開発者が総合的に満足しているかを、1(とても不満)から5(とても満足)で表します。

おすすめのリソース

Scalable Modular Architecture for CSS (SMACSS)

CSS architecture expert Jonathan Snook shares his experience building large sites with large teams to make your CSS more maintainable using his SMACSS methodology.
パートナーのサポートに感謝しています! 詳細をみる。