Skip to content

The State of CSS 2021

[tr-TR] general.back_to_intro

Görüşler

{topic} için şu anki genel durum konusunda ne hissediyorsunuz?

CSS'yi öğrenmek kolaydır

Customize Data
Kesinlikle Karşıyım
Karşıyım
Nötrüm
Katılıyorum
Kesinlikle Katılıyorum
20192020202120192020202110.1%19.5%19.9%27.8%23.2%24.2%34.4%43.4%43.1%24.7%10.6%10%

CSS çok yavaş gelişiyor

Customize Data
Kesinlikle Karşıyım
Karşıyım
Nötrüm
Katılıyorum
Kesinlikle Katılıyorum
20192020202120192020202111.9%5.7%6.3%22.4%38%42.3%38.6%33.6%30.8%16.4%17.9%16.7%11%5%4.1%
💡

Another guaranteed scientific finding: buying our t-shirt will increase your programming skills by over 9000!

Yardımcı (semantik olmayan) sınıflardan (.center, .large-text, vb.) kaçınılmalıdır.

Customize Data
Kesinlikle Karşıyım
Karşıyım
Nötrüm
Katılıyorum
Kesinlikle Katılıyorum
20192020202120192020202118.6%14.1%14.1%13.7%24.8%25.9%32.3%31.4%29.9%14.9%19.3%19.8%20.7%10.6%10.7%

CSS yazmayı seviyorum

Customize Data
Kesinlikle Karşıyım
Karşıyım
Nötrüm
Katılıyorum
Kesinlikle Katılıyorum
2019202020212019202020214%6.3%6.2%5.7%14.4%14.5%12.8%26.9%42.2%43.5%48.7%34.7%36.3%
We asked members of the CSS community to share their “pick of the year”

My 2021 Pick: CSS Noise

CSS generated texture and randomness makes for unique and interesting paint jobs in your design. Noise tools have made the technique accessible.

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

Adam Argyle

CSS at Google

Browser Incompatibilities

Are there any CSS features you have difficulties using because of differences between browsers?

0.0501001502000.050100150200Kullanıcı SayısıCenteringcolor-contrast()color()Exclusionsprefers-reduced-dataProgressive Web AppsCSS RegionsresizeScopingContaindirectionFunctions:has SelectorParent Selectorblend-modeCSS content-visibili…pointer-eventsAnimationcalc()initial-letterMaskingMasonry LayoutMulti-Column Layoutoverscroll-behaviorPerspectiveaccent-colorPrint Support::markerAnimationsclampclip-pathCSS Logical Properti…object-fitForm Elements StylingBrowser Support@supportsCSS Houdinioverflowscroll-behaviorScroll Snapline-clampCSS position:sticky:focus-visibleCSS property: @conta…backdrop-filterScrollbar StylingFlexboxCSS property: aspect…Flexbox GapGrid151617172025304046535780114159
725 question respondents (8.4% completion percentage)

CSS Pain Points

Which aspect of CSS do you struggle with the most? Results are ranked by number of tournament rounds won.

Round 1 wins
Round 2 wins
Round 3 wins
0.02.0k4.0k6.0k8.0k10k12k0.02.0k4.0k6.0k8.0k10k12kKullanıcı SayısıScoping & SpecificityInteractionsPerformance IssuesLayout & PositioningResponsive DesignForm Elements StylingArchitecture & Maint…Browser Compatibility2393256224272608292033423955393789082111901130129517332456254081514791601

Features Missing From CSS

Which feature would you most like to be able to use in CSS today? Results are ranked by number of tournament rounds won.

Round 1 wins
Round 2 wins
Round 3 wins
0.02.0k4.0k6.0k8.0k10k0.02.0k4.0k6.0k8.0k10kKullanıcı SayısıColor FunctionsSubgridMixinsScopingNestingBrowser SupportParent SelectorContainer Queries1963189724892664330334413897391795111301658208223432366798133411781360

Web teknolojilerinin genel durumundan ne kadar memnunsunuz?

Customize Data
0%10%20%30%40%50%% of survey respondentsHiç Memnun DeğilMemnun DeğilNötrMemnunÇok MemnunNo Answer0%10%20%30%40%50%0.6%0.6%3%3%12.9%12.9%50%50%9.4%9.4%24.1%24.1%
6585 question respondents (75.6% completion percentage)

CSS'nin genel durumundan ne kadar memnunsunuz?

Customize Data
0%10%20%30%40%50%% of survey respondentsHiç Memnun DeğilMemnun DeğilNötrMemnunÇok MemnunNo Answer0%10%20%30%40%50%0.7%0.7%3.3%3.3%14%14%48.2%48.2%9.9%9.9%23.9%23.9%
6607 question respondents (75.9% completion percentage)