2023'te de tüm büyük tarayıcı tedarikçileri ve diğer paydaşlar, başlıca tarayıcı uyumluluk sorunlarını çözmek için birlikte çalışırlar.
2023'te tüm önemli tarayıcı tedarikçileri ve diğer paydaşlar, en sık karşılaşılan tarayıcı uyumluluk sorunlarını çözmek için tekrar birlikte çalışıyor. Birlikte neler başardığımızı, Interop 2022 ile bu ölçekte başlattık. Yıl sonu yayınında birlikte neler başardığımızı öğrenebilirsiniz. Projeye dahil olan herkes, bu güncellemenin dünyanın dört bir yanındaki web geliştiricilerinin deneyimini iyileştirmeye yardımcı olacağına inanıyor. Bu yıl ilk kez teklif sürecini herkese açık bir şekilde duyurduk ve çerçevelerden, büyük şirketlerden, tarayıcı tedarikçilerinden ve dünyanın her yerindeki geliştiricilerden birçok muhteşem öneri aldık.
Birlikte Çalışabilirlik 2023'ün odaklandığı alanlar
Bu kez, proje belgemizde ayrıntılı olarak açıklanan en az 26 odak alanımız var. Alfabetik sırayla:
- CSS'de kenarlık resmi
- CSS'de Renk Alanları ve İşlevler
- CSS'deki Kapsayıcı Sorguları
- CSS'deki kapsama
- CSS Sözde sınıflar
- CSS'deki özel özellikler
- Esnek Kutu
- Yazı tipi özelliği algılama ve paletler
- Formlar
- Izgara
- :has()
- Etkin değil
- CSS'de maskeleme
- CSS'deki Matematik İşlevleri
- Medya Sorguları
- Web Çalışanlarındaki Modüller
- CSS Animasyonlarında Hareket Yolu
- Ekran Dışı Tuval
- İşaretçi ve fare Etkinlikleri
- URL
- Web Compat 2023: Bilinen site uyumluluğu sorunlarına neden olan küçük hataların tümünü yakalama alanı
- Web Codec'leri (video)
- Web Bileşenleri
Tüm odak alanlarıyla ilgili ayrıntıları MDN Web Dokümanları'nda temel alan Web Platformu Testleri'nde bulabilirsiniz. Yine de sizi gerçekten heyecanlandırabileceğini düşündüğümüz birkaç örneği burada bulabilirsiniz.
Kapsayıcı Sorguları
Kapsayıcı sorguları, uzun yıllardır geliştiricilerin en çok istekte bulunduğu sorulardan biri oldu ve 2022'de Chrome ve Safari bu özelliği kullanıma sundu. Firefox, kapsayıcı sorgularını Firefox 110'da kullanıma sunmayı bekler. Bu odak alanı için yapılan testler, kapsayıcı sorgularının tarayıcılar arası güvenilir bir şekilde ve spesifikasyona uygun şekilde çalışmasını sağlamaya yardımcı olur.
:has(...) hatası
Geliştiriciler uzun süredir CSS'de üst seçici kullanmayı talep ediyorlar. :has() sözde sınıfı, üst seçicilere yönelik kullanım alanlarının çoğuna olanak tanır ve bir referans öğesine göre bir önceki eşdüzey öğenin seçilmesini sağlar. Örneğin bu yöntem, başlığı olmayan bir figürü farklı bir başlıkta bulunandan farklı bir şekilde biçimlendirmeyi mümkün kılar. has() ile ilgili kullanım alanları hakkında daha fazla bilgiyi :has(), aile seçici bölümünde bulabilirsiniz.
Özel Mülkler
CSS değişkenleri olarak da bilinen CSS özel özellikleri, bir değeri stil sayfasında bir kez tanımlamayı ve bunu birçok yerde yeniden kullanmayı mümkün kılarak tekrarı azaltır. Örneğin, ortak bir renk veya yazı tipi boyutunu bir stil sayfasında bir kez tanımlayabilir ve bunu bileşenlerde kullanabilirsiniz. Özel özellikler için temel destek uzun süredir tarayıcılarda. Birlikte Çalışabilirlik 2023, @property kuralına odaklanacak. @property, özellik türü kontrolüne, varsayılan değerlerin ayarlanmasına ve mülkün değerleri devralıp devralmayacağına olanak tanıyarak stil sayfasında özel özellik kaydını temsil eder. @property: CSS değişkenlerine süper güçler verme bölümünden daha fazla bilgi edinebilirsiniz.
CSS maskeleme
CSS maskeleme, CSS kullanarak bir grafik uygulamasında görebileceğiniz gibi resim efektlerini uygulama yöntemleri sunar. Çeşitli maskeleme özellikleri desteği yassı olduğundan, maskelemenin kullanımı olması gerekenden daha zor hale gelir. Bu odak alanı, geliştiricilerin farklı tarayıcılara yönelik reklam öğesi efektlerini güvenle kullanmalarına yardımcı olacaktır. Resim maskeleme hakkındaki bu makalede, resimlere efekt uygulama hakkında daha fazla bilgi edinebilirsiniz.
OffscreenCanvas
<canvas> öğesi ve Canvas API'si, ekrana grafik çizmek için komut dosyası oluşturma yöntemi sağlar. Ancak iş, kullanıcı etkileşimiyle aynı iş parçacığında tamamlandığından bu durum performans sorunlarına neden olabilir. OffscreenCanvas, geliştiricilere DOM ve Canvas API'sinden ayrılmış bir tuval sunar. Geliştiriciler, oluşturma görevlerini ana iş parçacığından ayrı bir Web Çalışanında da çalıştırabilir. OffscreenCanvas'ın performans avantajları hakkında daha fazla bilgi edinin.
İşaretçi ve fare etkinlikleri
İşaretçi etkinlikleri fare, kalem, ekran kalemi veya dokunmatik ekran kullanılarak bir sayfayla etkileşimde bulunulduğunda tetiklenir. Fare etkinlikleri, fare kullanımı sırasında tetiklenir, ancak bu, dokunma için de geçmiş nedenlerle devreye girer. Bu odak alanı, sayfalarla işaretçi ve fare etkileşiminin davranışını, örneğin isabet testleri ve kaydırma alanlarıyla nasıl etkileşimde bulunduklarını kapsar. Web Platformu Testleri bulunmadığından 2023'ün odak alanına dokunma ve ekran kalemi dahil değildir.
WebCodecs
WebCodecs API, geliştiricilerin bağımsız video karelerine ve ses parçalarına erişmesi için yöntemler sunar. Tarayıcıda mevcut olan codec'lere ve bunlarla etkileşim kurmak için çeşitli arayüzlere erişim sunar. WebCodecs ile video işleme makalesinde, karelerin kodunu tek tek çözmek ve tuvalde oluşturmak için API'nin nasıl kullanılacağı gösterilmektedir.
Web Bileşenleri
Web Bileşenleri, yeniden kullanılabilir bileşenler oluşturmak için kullanılan Özel Öğeler ve Gölge DOM gibi çeşitli teknolojiler için genel terimdir. Interop 2023, bu temel teknolojilerin birlikte çalışabilirliğini iyileştirmeye odaklanacak.
Kontrol paneli
Yıl boyunca kaydedilen ilerlemeyi Birlikte Çalışabilirlik 2023 kontrol panelinde takip edin. Burada, mevcut puanları ve tüm önemli tarayıcı motorlarında bu odak noktaları ele alma durumunu görebilirsiniz.
Odak Alanı puanları, testte geçme oranlarına göre hesaplanır. Geri bildiriminiz varsa veya WPT'nin iyileştirilmesine katkıda bulunmak istiyorsanız lütfen puanlama için kullanılan test grubunun güncellenmesini istemek için sorun bildiriminde bulunun.
