CSSフレームワーク

コンポーネントとスタイルを提供するライブラリ。

ランキング

出力
満足度満
興味興
利用度利
認知度認

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

2019202020192020BootstrapMaterialize CSSAnt DesignSemantic UIBulmaFoundationUIKitTachyonsPrimerTailwind CSSPureCSSBootstrapMaterialize CSSAnt DesignSemantic UIBulmaFoundationUIKitTachyonsPrimerTailwind CSSPureCSSSkeletonSpectre.css52%48%57%53%57%60%61%51%74%61%45%31%54%49%66%52%42%44%81%87%67%71%52%47%

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

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

評価の移ろい

出力
パーセント%
数Σ

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

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

Bootstrap

2019202020192020

Materialize CSS

2019202020192020

Ant Design

2019202020192020

Semantic UI

2019202020192020

Bulma

2019202020192020

Foundation

2019202020192020

UIKit

2019202020192020

Tachyons

2019202020192020

Primer

2019202020192020

Tailwind CSS

2019202020192020

PureCSS

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

肯定的か否定的か

出力

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

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

もう使わない興味がないまた使いたい興味がある認知度60%40%20%0%20%40%60%60%40%20%0%20%40%60%Tailwind CSSPureCSSBootstrapAnt DesignSemantic UIBulmaMaterialize CSSSkeletonUIKitTachyonsSpectre.cssFoundationPrimer

Bootstrap
回答記入率： 82% (9425)
回答記入率： 82% (9425)

出力
パーセント%
数Σ

2019

41.5% 41.5% 10.8% 10.8% 45.3% 45.3%

2020

44.5% 44.5% 11.5% 11.5% 41.4% 41.4%
もう使わない
興味がない
また使いたい
興味がある
知らない

Materialize CSS
回答記入率： 82% (9427)
回答記入率： 82% (9427)

出力
パーセント%
数Σ

2019

12.9% 12.9% 26.6% 26.6% 17.2% 17.2% 15.6% 15.6% 27.8% 27.8%

2020

15.3% 15.3% 31% 31% 17.2% 17.2% 12.7% 12.7% 23.8% 23.8%
もう使わない
興味がない
また使いたい
興味がある
知らない

Ant Design
回答記入率： 82% (9428)
回答記入率： 82% (9428)

出力
パーセント%
数Σ

2019

15.8% 15.8% 10% 10% 66.5% 66.5%

2020

23.7% 23.7% 8.6% 8.6% 13.4% 13.4% 48.5% 48.5%
もう使わない
興味がない
また使いたい
興味がある
知らない

Semantic UI
回答記入率： 82.1% (9430)
回答記入率： 82.1% (9430)

出力
パーセント%
数Σ

2019

26% 26% 9.3% 9.3% 21.6% 21.6% 37.2% 37.2%

2020

8.2% 8.2% 30.8% 30.8% 8.5% 8.5% 20.4% 20.4% 32.1% 32.1%
もう使わない
興味がない
また使いたい
興味がある
知らない

Bulma
回答記入率： 82% (9425)
回答記入率： 82% (9425)

出力
パーセント%
数Σ

2019

21.1% 21.1% 10.1% 10.1% 14.7% 14.7% 50.5% 50.5%

2020

7.4% 7.4% 28.7% 28.7% 11.6% 11.6% 14.8% 14.8% 37.5% 37.5%
もう使わない
興味がない
また使いたい
興味がある
知らない

Foundation
回答記入率： 82.1% (9430)
回答記入率： 82.1% (9430)

出力
パーセント%
数Σ

2019

17.4% 17.4% 34.1% 34.1% 14.2% 14.2% 13.3% 13.3% 20.9% 20.9%

2020

19.1% 19.1% 35.6% 35.6% 8.7% 8.7% 10.6% 10.6% 26.1% 26.1%
もう使わない
興味がない
また使いたい
興味がある
知らない

UIKit
回答記入率： 82% (9419)
回答記入率： 82% (9419)

出力
パーセント%
数Σ

2019

22.5% 22.5% 11.7% 11.7% 59.8% 59.8%

2020

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

My 2020 Pick: PurgeCSS

One thing I've really started using and appreciating this year though is Purge CSS- an awesome tool for removing unused CSS. It can greatly reduce the size of your CSS, and its fast and easy to use.

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

Christian Oliff

Front-end developer for Trimble MAPS

Tachyons
回答記入率： 82% (9423)
回答記入率： 82% (9423)

出力
パーセント%
数Σ

2019

16.5% 16.5% 10.3% 10.3% 66.8% 66.8%

2020

21.8% 21.8% 8.6% 8.6% 64% 64%
もう使わない
興味がない
また使いたい
興味がある
知らない

Primer
回答記入率： 81.9% (9413)
回答記入率： 81.9% (9413)

出力
パーセント%
数Σ

2019

12.2% 12.2% 81.7% 81.7%

2020

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

Tailwind CSS
回答記入率： 82.2% (9445)
回答記入率： 82.2% (9445)

出力
パーセント%
数Σ

2019

14.1% 14.1% 14.1% 14.1% 65.7% 65.7%

2020

20.2% 20.2% 22.8% 22.8% 33% 33% 20.4% 20.4%
もう使わない
興味がない
また使いたい
興味がある
知らない

PureCSS
回答記入率： 81.9% (9415)
回答記入率： 81.9% (9415)

出力
パーセント%
数Σ

2019

17.4% 17.4% 13.7% 13.7% 60.7% 60.7%

2020

19.8% 19.8% 13.9% 13.9% 58.2% 58.2%
もう使わない
興味がない
また使いたい
興味がある
知らない

Skeleton
回答記入率： 82% (9424)
回答記入率： 82% (9424)

出力
パーセント%
数Σ

2020

18.9% 18.9% 8.9% 8.9% 62.6% 62.6%
もう使わない
興味がない
また使いたい
興味がある
知らない

Spectre.css
回答記入率： 81.9% (9410)
回答記入率： 81.9% (9410)

出力
パーセント%
数Σ

2020

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

そのほかのツール
回答記入率： 1.7% (190)
回答記入率： 1.7% (190)

出力
パーセント%
数Σ

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

総合的な満足度

出力
パーセント%
数Σ

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

0%8%17%25%33%42%ユーザーの割合（％）とても不満不満どちらでもない満足とても満足満足度0%8%17%25%33%42%2.7%2.7%6.7%6.7%40.9%40.9%37.8%37.8%11.9%11.9%
« 前： プリプロセサ・ポストプロセサ次： CSS設計手法 »
Charts built with Nivo. Hosted by Netlify.
質問があったり、バグを見つけたときはissueを立ててください。 Discordに参加。
option/altを押して翻訳モードにする。