Framework-uri CSS

Librării care oferă componente și stilizări gata făcute.

SatisfacțieS
InteresI
UtilizareU
ConștientizareC

Clasamente cu privire la gradul de satisfacție, interes, utilizare și conștientizare.

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%

Tehnologiile cu un un grad de conștientizare mai mic de 10% nu sunt incluse. Fiecare este definit după cum urmează:

  • Satisfacție: aș folosi din nou / (aș folosi din nou + nu aș mai folosi)
  • Interes: mi-ar plăcea să învăț / (mi-ar plăcea să învăț + nu sunt interesat(ă))
  • Utilizare: (aș folosi din nou + nu aș mai folosi) / total
  • Conștientizare: (total - n-am auzit niciodată despre asta) / total

Prezentare generală a opiniilor cu privire la tehnologiile chestionate de-a lungul timpului.

Nu aș mai folosi
Nu sunt interesat(ă)
Aș folosi din nou
Sunt interesat(ă)
N-am auzit niciodată despre asta
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

Tehnologiile cu date pentru un singur an nu sunt incluse.

Acest grafic prezintă distribuția experiențelor pozitive („mi-ar plăcea să învăț”, „aș folosi din nou”) vs negative („nu sunt interesat(ă)”, „nu aș mai folosi”), de-o parte și de alta a unei axe centrale.

Grosimea barei reprezintă numărul de respondenți care știu de existența tehnologiei respective.

Nu aș mai folosiNu sunt interesat(ă)Aș folosi din nouSunt interesat(ă)Conștientizare60%40%20%0%20%40%60%60%40%20%0%20%40%60%Tailwind CSSPureCSSBootstrapAnt DesignSemantic UIBulmaMaterialize CSSSkeletonUIKitTachyonsSpectre.cssFoundationPrimer

Bootstrap
Procent de completare: 82% (9425)
Procent de completare: 82% (9425)

Exportă
Procent%
NumărΣ

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%
Nu aș mai folosi
Nu sunt interesat(ă)
Aș folosi din nou
Sunt interesat(ă)
N-am auzit niciodată despre asta

Materialize CSS
Procent de completare: 82% (9427)
Procent de completare: 82% (9427)

Exportă
Procent%
NumărΣ

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%
Nu aș mai folosi
Nu sunt interesat(ă)
Aș folosi din nou
Sunt interesat(ă)
N-am auzit niciodată despre asta

Ant Design
Procent de completare: 82% (9428)
Procent de completare: 82% (9428)

Exportă
Procent%
NumărΣ

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%
Nu aș mai folosi
Nu sunt interesat(ă)
Aș folosi din nou
Sunt interesat(ă)
N-am auzit niciodată despre asta

Semantic UI
Procent de completare: 82.1% (9430)
Procent de completare: 82.1% (9430)

Exportă
Procent%
NumărΣ

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%
Nu aș mai folosi
Nu sunt interesat(ă)
Aș folosi din nou
Sunt interesat(ă)
N-am auzit niciodată despre asta

Bulma
Procent de completare: 82% (9425)
Procent de completare: 82% (9425)

Exportă
Procent%
NumărΣ

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%
Nu aș mai folosi
Nu sunt interesat(ă)
Aș folosi din nou
Sunt interesat(ă)
N-am auzit niciodată despre asta

Foundation
Procent de completare: 82.1% (9430)
Procent de completare: 82.1% (9430)

Exportă
Procent%
NumărΣ

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%
Nu aș mai folosi
Nu sunt interesat(ă)
Aș folosi din nou
Sunt interesat(ă)
N-am auzit niciodată despre asta

UIKit
Procent de completare: 82% (9419)
Procent de completare: 82% (9419)

Exportă
Procent%
NumărΣ

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%
Nu aș mai folosi
Nu sunt interesat(ă)
Aș folosi din nou
Sunt interesat(ă)
N-am auzit niciodată despre asta
Am rugat membrii comunității CSS să împărtășească „alegerea anului” din perspectiva lor

Alegerea mea pentru 2020: PurgeCSS

Un lucru pe care chiar am început să-l folosesc și apreciez în acest an este Purge CSS - un instrument minunat care te scapă de codul CSS nefolosit. Poate reduce considerabil dimensiunea CSS-ului, pe lângă că este rapid și ușor de utilizat.

Am rugat membrii comunității CSS să împărtășească „alegerea anului” din perspectiva lor

Christian Oliff

Front-end developer la Trimble MAPS

Tachyons
Procent de completare: 82% (9423)
Procent de completare: 82% (9423)

Exportă
Procent%
NumărΣ

2019

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

2020

21.8% 21.8% 8.6% 8.6% 64% 64%
Nu aș mai folosi
Nu sunt interesat(ă)
Aș folosi din nou
Sunt interesat(ă)
N-am auzit niciodată despre asta

Primer
Procent de completare: 81.9% (9413)
Procent de completare: 81.9% (9413)

Exportă
Procent%
NumărΣ

2019

12.2% 12.2% 81.7% 81.7%

2020

15.4% 15.4% 77.9% 77.9%
Nu aș mai folosi
Nu sunt interesat(ă)
Aș folosi din nou
Sunt interesat(ă)
N-am auzit niciodată despre asta

Tailwind CSS
Procent de completare: 82.2% (9445)
Procent de completare: 82.2% (9445)

Exportă
Procent%
NumărΣ

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%
Nu aș mai folosi
Nu sunt interesat(ă)
Aș folosi din nou
Sunt interesat(ă)
N-am auzit niciodată despre asta

PureCSS
Procent de completare: 81.9% (9415)
Procent de completare: 81.9% (9415)

Exportă
Procent%
NumărΣ

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%
Nu aș mai folosi
Nu sunt interesat(ă)
Aș folosi din nou
Sunt interesat(ă)
N-am auzit niciodată despre asta

Skeleton
Procent de completare: 82% (9424)
Procent de completare: 82% (9424)

Exportă
Procent%
NumărΣ

2020

18.9% 18.9% 8.9% 8.9% 62.6% 62.6%
Nu aș mai folosi
Nu sunt interesat(ă)
Aș folosi din nou
Sunt interesat(ă)
N-am auzit niciodată despre asta

Spectre.css
Procent de completare: 81.9% (9410)
Procent de completare: 81.9% (9410)

Exportă
Procent%
NumărΣ

2020

11.9% 11.9% 81.8% 81.8%
Nu aș mai folosi
Nu sunt interesat(ă)
Aș folosi din nou
Sunt interesat(ă)
N-am auzit niciodată despre asta

Alte instrumente
Procent de completare: 1.7% (190)
Procent de completare: 1.7% (190)

Exportă
Procent%
NumărΣ

Alte instrumente din această categorie (câmp deschis).

0.01020304050600.0102030405060Număr de utilizatoriChakra UIChakra UIStyled ComponentsStyled Compon…Vue.jsVue.jsMaterial UIMaterial UI11132159

Pe o scară de la 1 (foarte nemulțumit(ă)) la 5 (foarte mulțumit(ă)), cât de mulțumiți sunt programatorii de starea generală a acestei categorii?

0%8%17%25%33%42%Procent din utilizatoriFoarte nemulțumit(ă)Nemulțumit(ă)NeutruMulțumit(ă)Foarte mulțumit(ă)Satisfacție0%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%