2022 CSS İstatistikleri

Ömer Gülçiçek
Kodcular
Published in
2 min readOct 8, 2022

--

2022 yılı geride kalırken, CSS ile ilgili güzel istatistikler açıklandı. Bunları birlikte inceleyelim.

En Sık Kullanılan CSS Class’ları

2020 ve 2021’de olduğu gibi yine en sık kullanılan class adı active. Ardından Font Awesome’ın kullandığı fa ve fa-* 2. ve 3. sıradaki yerlerini korumuş.

clearfix class’ı ise ilk 20’den kayboldu ve sayfaların sadece %10’unda kullanılıyormuş. Bu veri aslında bize CSS’te float’ın yerini flex’in aldığını gösteriyor.

2022 yılında CSS’te en sık kullanılan sınıf isimleri

!important Kullanımı

2022 yılında CSS’te !important kullanım oranı

Son zamanlarda !important kullanımı artmış görünüyor. Buna aslında CSS’te @layer kullanımın etkili olduğu söylenebilir.

Pseudo-Class’lar ve Pseudo-Elementler

2022 yılında CSS’te pseudo sınıf ve elementlerin kullanım oranı

Şaşırılmayacak bir tablo, pseudo-class’ların ilk üç sırası her zaman ki gibi :hover, :focus ve :active.

Pseudo-Elementlerde ise ::before ve ::after başı çekiyor.

:root kullanımı giderek artıyor ama bence halen çok düşük. CSS variable’larının kullanımı esnek geliştirme ve çıktı için çok faydalı ve ilerleyen yıllarda üst sıraları zorlayacağını düşünüyorum.

Değerler ve Birimler

CSS’te em, rem vb biçimler olsa da px kullanımı açık ara önde görünüyor. Geçen sene de bu oran yine %71-72’ydi.

Görsel Uzantıları

2022 yılında CSS’te görsel uzantısı kullanım oranı

.png ve .svg görsellerin arkaplanı şeffaf olmasından dolayı bu sonuç şaşırtıcı değil. Fakat aynı görsel kalitesini daha düşük ve performanslı şekilde sağlayan .webp’in ilerleyen yıllarda değerleneceğini düşünüyorum.

Flex ve Grid

2022 yılında CSS’te Flexbox ve Grid kullanım oranı

Her sene kullanımı yaygınlaşıyor, bu ikili bir arada ise harikalar başarıyor. Float’ın ömrünü tamamlaması, IE desteğinin noktalanması haliyle güncel CSS kullanımlarına yönelmemize sebep oldu.

Kişisel Blog Sitem: omergulcicek.com

Instagram: @omergulcicek

Makaleyi alkışlayarak destek olabilirsiniz 🌹

--

--