The State of CSS 2019: Metodologie

Polish

Metodologie

CSS wyróżnia się wśród języków programowania (jeśli nawet jest jednym… ale to zupełnie inna debata!) Jako jeden z niewielu, który zrodził metodologię, która ma na celu skodyfikowanie „właściwego” sposobu pisania.

Podczas gdy BEM wyprzedza paczkę, tutaj, Atomic CSS zaczyna również zyskiwać na popularności dzięki całkowicie nowej filozofii opartej na klasie użytkowej.

W końcu możemy nigdy nie znaleźć jedynego prawdziwego sposobu na napisanie CSS, ale to nie powstrzyma nas od patrzenia!

Rankingi

rankingi świadomości, zainteresowania i zadowolenia. Należy zauważyć, że wszystkie te trzy wskaźniki odpowiadają temu samemu punktowi czasowemu.

Świadomość (Całkowita liczba respondentów - Nie słyszałem)/Całkowita liczba respondentów

Zainteresowanie Zainteresowany/(Zainteresowany + Nie zainteresowany)

Zadowolenie Użyję ponownie/(Użyję ponownie + Nie będę używał)

Wykorzystanie według lat doświadczenia

Kolumna „ogólna” pokazuje ogólne wykorzystanie każdej technologii (respondenci, którzy wybrali użyłbym ponownie” lub „nie użyłbym ponownie”), podczas gdy poniższe kolumny pokazują współczynnik wykorzystania dla każdego przedziału „lat doświadczenia”.

Jaśniejsze różowe tło oznacza wyższy niż ogólny stosunek średni dla danego wspornika.

Lat Doświadczenia

BEM

54.2%

33.04%

50.99%

56.91%

63.6%

64.88%

55.76%

Atomic CSS

20.23%

2.64%

11.49%

20.98%

28.12%

29.93%

28.24%

OOCSS

16.74%

3.08%

7.73%

12.66%

23.16%

28.17%

25.65%

SMACSS

16.1%

2.2%

6.58%

11.64%

21.86%

27.51%

26.82%

ITCSS

6.61%

2.82%

5.03%

10.17%

11.52%

10.12%

Różnica od ogólnego wykorzystania:

-20%-10%0+10%+20%

Wykorzystanie według przedziału pensji

Kolumna „ogólna” pokazuje całkowite wykorzystanie każdej technologii (respondenci, którzy wybrali „użyłbym ponownie” lub „nie użyłbym ponownie”), podczas gdy poniższe kolumny pokazują współczynnik wykorzystania dla każdego przedziału „rocznego wynagrodzenia”.

Jaśniejsze różowe tło oznacza wyższy niż ogólny stosunek średni dla danego wspornika.

Zakres wynagrodzenia (USD)

BEM

56.64%

37.9%

52.14%

59.89%

63.04%

63.33%

64.53%

55.64%

Atomic CSS

22.26%

9.94%

13.69%

21.05%

26.49%

27.71%

32.11%

24.81%

OOCSS

18.47%

7.88%

9.76%

15.94%

21.47%

22.31%

28.62%

23.31%

SMACSS

18.29%

7.88%

11.07%

14.87%

18.94%

21.52%

28.18%

25.56%

ITCSS

7.06%

2.63%

4.17%

5.77%

10.03%

10.07%

9.98%

6.77%

Różnica od ogólnego wykorzystania:

-20%-10%0+10%+20%

BEM

Procen ukończenia: 98.99% (11203)

Procenty%IlośćΣ

UŻYWAEM tego i UŻYJĘ ponownie51.6%

UŻYWAEM tego i NIE użyję ponownie8.24%

SYSZAEŁEM o tym i CHCIAŁBYM się tego nauczyć12.53%

SYSZAEŁEM o tym i NIE jestem zainteresowany9.11%

Nigdy o tym nie słyszałem17.51%

You will not be surprised to hear that BEM is an abbreviation of the key elements of the methodology — Block, Element and Modifier.

Linki

Strona Główna

Atomic CSS

Procen ukończenia: 98.69% (11169)

Procenty%IlośćΣ

UŻYWAEM tego i UŻYJĘ ponownie19.87%

UŻYWAEM tego i NIE użyję ponownie4.76%

SYSZAEŁEM o tym i CHCIAŁBYM się tego nauczyć24.16%

SYSZAEŁEM o tym i NIE jestem zainteresowany17.5%

Nigdy o tym nie słyszałem32.39%

Atomic CSS is a CSS architecture. It is not opinionated; it simply defines a set of classes representing single-purpose styling units.

Linki

Strona Główna

OOCSS

Procen ukończenia: 98.41% (11137)

Procenty%IlośćΣ

UŻYWAEM tego i UŻYJĘ ponownie15.45%

UŻYWAEM tego i NIE użyję ponownie4.55%

SYSZAEŁEM o tym i CHCIAŁBYM się tego nauczyć18.11%

SYSZAEŁEM o tym i NIE jestem zainteresowany19.98%

Nigdy o tym nie słyszałem40.32%

OOCSS, or object-oriented CSS, is a methodology to help programmers write CSS that is succinct and easy to maintain.

SMACSS

Procen ukończenia: 98.47% (11144)

Procenty%IlośćΣ

UŻYWAEM tego i UŻYJĘ ponownie14.92%

UŻYWAEM tego i NIE użyję ponownie4.18%

SYSZAEŁEM o tym i CHCIAŁBYM się tego nauczyć16.04%

SYSZAEŁEM o tym i NIE jestem zainteresowany18.39%

Nigdy o tym nie słyszałem44.95%

SMACSS (pronounced “smacks”) is more style guide than rigid framework. There is no library within here for you to download or install. There is no git repository for you to clone. SMACSS is a way to examine your design process and as a way to fit those rigid frameworks into a flexible thought process.

ITCSS

Procen ukończenia: 99.03% (11207)

Procenty%IlośćΣ

UŻYWAEM tego i UŻYJĘ ponownie6.99%

UŻYWAEM tego i NIE użyję ponownie1.29%

SYSZAEŁEM o tym i CHCIAŁBYM się tego nauczyć6.31%

SYSZAEŁEM o tym i NIE jestem zainteresowany9.47%

Nigdy o tym nie słyszałem74.97%

ITCSS is a sane, scalable, managed CSS architecture from CSS Wizardry

Linki

Strona Główna

« Poprzedni: Frameworki CSS Następny: CSS-in-JS »