Interop 2023 Ekim güncellemesi

Rachel Andrew

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.

Birlikte Çalışabilirlik 2024 yaklaşıyor. Tüm tarayıcıları ve diğer tarafları temsil eden ekip, gönderim listesini inceliyor. Gelecek yıl proje başladığında ne dahil olduğunu paylaşacağız.

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.

The Interop 2023 Kontrol Paneli (ekran görüntüsü 31 Ocak 2023 tarihinde alınmıştır).

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.

Interop 2023 Kontrol Paneli (ekran görüntüsü 30 Ekim 2023 tarihinde alınmıştır).

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.

Tarayıcı Desteği

• 105
• 105
• 110
• 16

Kaynak

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.

Tarayıcı Desteği

• 111
• 111
• 113
• 15

Kaynak

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.

Tarayıcı Desteği

• 117
• 117
• 71
• 16

Kaynak

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.

Tarayıcı Desteği

• 102
• 102
• 112
• 15,5

Kaynak

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.