2023'ün son çeyreğine girdik ve Interop 2023'ün odak alanlarında tüm tarayıcılardan bolca ilerleme kaydettik. Bu makalede, Birlikte Çalışma 2023'ün şimdiye kadarki puanları ve bu yılki çabaları nedeniyle kullanıma sunulan özellikler hakkında bilgi edinebilirsiniz.
Ocak 2023'teki durum
Ocak 2023'te, Birlikte Çalışma 2023'ün lansmanını ve yıl boyunca tüm motorları iyileştirmek için çalışacağı 26 odak alanını duyurmuştuk.
Lansman sırasında Deneysel tarayıcıların toplam Birlikte Çalışabilirlik puanı 62'ydi.
Ekim 2023 itibarıyla durum
Deneysel tarayıcıların toplam Birlikte Çalışabilirlik puanı 89'dur. Mevcut ürün görünümüne geçip kararlı tarayıcılara halihazırda sunulmuş olan özelliklere göz atarsanız puan 75 gibi yüksek bir puandır. Bu puanın arkasında, artık ana motorlarda çalışan birçok şey var. Bunlardan bazıları, birlikte çalışabilirlik özelliğiyle ilgili küçük düzeltmeler yapmanın yanı sıra önemli özelliklerdir.
Kapsayıcı sorgularının ve kapsayıcı sorgu uzunluğu değerlerinin boyutu
Şubat ayında boyut container sorgularının birlikte çalışabilir hale gelmesini kutladık. Bu, web geliştiricileri için uzun süredir istenen bir özellikti ve bu özelliğin tüm motorlarda bu kadar hızlı bir şekilde kullanılabilmesi, web platformu için büyük bir kazanç oldu.
Boyut kapsayıcı sorgularıyla birlikte kapsayıcı sorgu birimleri de kullanılmaya başlandı.
Bunlar, vw
gibi görüntü alanı birimleriyle aynı şekilde kullanılır. Aralarındaki fark, görüntü alanı yerine kapsayıcıyla ilişkili olmalarıdır.
Tarayıcı Desteği
- 105
- 105
- 110
- 16
Renk Alanları ve işlevler
Mayıs ayında Lab, LCH, Oklab ve Oklch renk alanları birlikte çalışabilirlik bakımından desteklenmeye başladı. CSS işlev gösterimleri lab()
, lch()
, oklab()
ve oklch()
, geliştiricilere bu renk alanlarını kullanma olanağı sunar. color()
ve color-mix()
işlevsel gösterimler de dahil edildi.
Bu yeni renk alanları ve işlevleri hakkında daha fazla bilgiyi Yüksek Çözünürlüklü CSS renk kılavuzundan edinebilirsiniz.
Alt ızgara
CSS ızgara düzeninin alt ızgara özelliği, grid-template-columns
ve grid-template-rows
için sunulan yeni bir değerdir. Bu özellik, iç içe yerleştirilmiş bir ızgaranın, üst ızgaradaki kanal tanımını kullanmasına olanak tanır. Bu, ızgara yapınızda iç içe yerleştirilmiş
şeyleri hizalayabileceğiniz anlamına gelir.
Alt ızgara hakkında daha fazla bilgi edinin. Alt ızgaranın uygulanmasını zorlaştıran bazı karmaşıklıkları keşfetmek için BlinkOn 18'in bu videosunu izleyin.
HTML inert özelliği
HTML inert
global özelliği, sayfanızdaki bölümleri durağan olarak işaretleyebileceğiniz anlamına gelir. Bu, tıklama ve odaklanma etkinliklerini engeller ve öğe ile içeriğini erişilebilirlik ağacından gizler. Bu, örneğin görsel olarak ekran
dışında olan ve dolayısıyla ekran okuyucular için de etkin olmaması gereken içerik için yararlıdır.
Dahası da var
Bu temel özelliklere ek olarak, bu yıl tarayıcılarda pek çok başka özellik ve düzeltme kullanıma sunuldu. Yılın geri kalanı için sıralanan tarayıcı sürümleri var ve tüm skorlar belli olduğunda kapsamlı bir özet yayınlayacağız.