Interop 2022 ve Interop 2023'teki başarının ardından, tüm önemli tarayıcı sağlayıcıları ve diğer ilgili paydaşlarla tekrar ortak çalışma fırsatı bulmanın heyecanını yaşıyoruz. Ortak hedefimiz, web platformları arasında birlikte çalışabilirliği artırarak geliştiricilerin işlerini kolaylaştırmak ve internet kullanıcılarının genel deneyimini zenginleştirmektir.
Birlikte çalışabilirlik, temelinde web standartlarına yaptığımız ortak kararlılığa dayanarak tarayıcıların uyumluluğunu değerlendirmek için tasarlanmış kapsamlı bir test ve karşılaştırmalar dizisidir. Sonuç olarak, Birlikte Çalışabilirlik aracı tarayıcılar arasındaki tutarsızlıkları ortadan kaldırmaya ve sektör içinde birleşik bir vizyon oluşturmaya çalışır.
Birlikte Çalışabilirlik 2024'te, ilk özellik listesinin kaynağını sağlamak için herkese açık bir teklif süreci vardı. Bu listedeki tüm taraflar, 2024 için odaklanılacak alanlar listesini oluşturmak üzere birlikte çalıştı. Aşağıdaki listede, seçilen testlerin yıl sonuna kadar% 100 geçmesini umduğumuz alanlar bulunmaktadır.
2024'te odaklanılan tüm alanlar
Birlikte Çalışabilirlik 2024, 12 yeni odak alanı ve 2023'ten devredilmiş 5 alan içeriyor. Bazı düzeltmeler henüz yapılamaz. Alanlar şunlardır:
- Erişilebilirlik
- CSS İç İçe Yerleştirme
- Özel Mülkler
- Bildirim Temelli Gölge DOM
- font-size-adjust
- WebSocket için HTTPS URL'leri
- IndexedDB
- Düzen
- İşaretçi ve Fare Etkinlikleri
- Pop-up
- Göreli Renk Söz Dizimi
- requestVideoFrameCallback
- Kaydırma Çubuğu Stili
- @başlangıç-tarzı ve geçiş-davranışı
- Metin Yönü
- text-wrap: "denge"
- URL
Odaklanılan tüm alanların ayrıntılarını görmek için 2024 Birlikte Çalışma Kontrol Paneli'ni ziyaret edin. Burada, özellikler ve yapılması gereken çalışmalar ile ilgili ayrıntılar her bir tarayıcının güncel puanlarıyla birlikte gösterilir. Bu makalenin geri kalanında, %100'e ulaşmak için Chrome'un en çok işi yapması gereken alanlardan bazıları hakkında bilgi edinebilirsiniz.
İç içe yerleştirme
CSS iç içe yerleştirme modülü, seçicileri iç içe yerleştirmek için bir söz dizimi tanımlar. Bu özellik, bir stil kuralını bir başka stil kuralının içine yerleştirme özelliği sağlar. Bu yöntemde, üst kuralın seçicisine göre alt kuralın seçici bulunur.
CSS iç içe yerleştirme, bir CSS ön işlemcisi tarafından önceden derlenmek yerine tarayıcı tarafından ayrıştırılması açısından Sass gibi CSS ön işlemcilerinden farklıdır.
CSS iç içe yerleştirme; CSS stil sayfalarının okunabilirliğine, modülerliğine ve bakımına yardımcı olur. Ayrıca potansiyel olarak CSS dosyalarının boyutunu, dolayısıyla kullanıcılar tarafından indirilen veri miktarını azaltmaya yardımcı olur.
Tüm tarayıcılar CSS İç İçe Yerleştirme'yi desteklese de spesifikasyondaki değişiklikler nedeniyle uygulamalarda bazı farklılıklar olur. Birlikte Çalışabilirlik 2024'te amaç, tüm tarayıcıların mevcut spesifikasyona uymasını sağlamaktır.
CSS İç İçe Yerleştirme hakkında daha fazla bilgi edinin ve spesifikasyonda yapılan, çıplak öğe etiketi adlarının iç içe yerleştirilmesini sağlayan önemli bir güncellemeyi keşfedin.
text-wrap: "denge"
CSS text-wrap özelliğinin denge değeri, tarayıcıya metin satırlarını dengelemesini istediğinizi belirtir. Tipografik bozukluklardan kaçınmak için genellikle başlıklarda veya diğer kısa metin bölümlerinde kullanılır.
Tarayıcılar, bu mülkün çeşitli boylam ve kestirme biçimlerini desteklemeleri açısından farklılık gösterir. Birlikte çalışabilirlik 2024'te bu özellikleri birlikte çalışabilir hale getirmeyi amaçlıyoruz.
Başlıkları ve diğer kısa metin bölümlerini dengeleme özelliği, geliştiriciler tarafından sıklıkla istenen bir özelliktir. Bu özellikle ilgili daha fazla bilgiyi CSS text-wrap: balance (CSS metin sarmalama: denge) bölümünde, web'de tipografik düzlemelerin sonu veya CSS Text Balancing with text-wrap: balance bölümünde bulabilirsiniz.
WebSocket için HTTP(s) URL'leri
WebSocket oluşturucu başlangıçta ws: ve wss: URL'lerini gerektirmekteydi ve göreli URL'lerin kullanımını engellemiştir ve sonuçta ortaya çıkan geçici çözüm kodudur.
Spesifikasyon, http(s) şemalarına ve dolayısıyla göreli URL'lere izin verecek şekilde güncellendi. Bunlar ws: ve wss: olarak normalleştirilir.
Birlikte Çalışabilirlik 2024 sırasında uygulamamızı, http şemalarını destekleyecek şekilde güncelleyeceğiz.
Göreli Renk Söz Dizimi
Göreli Renk Söz Dizimi, CSS Renk 5 spesifikasyonunda tanımlanır ve CSS'deki renkleri değiştirmenin bir yolunu sağlar. Örneğin, bir rengi daha koyu, daha açık veya solgun hale getirebilirsiniz.
Göreli Renk Söz Dizimi hemen hemen birlikte çalışabilir ancak tarayıcılar currentcolor anahtar kelimesini uygulamamıştır. Bu testler, Interop 2024'te yer almaktadır.
Bu özellikle yapabileceğiniz tüm işlemleri CSS göreli renk söz dizimi bölümünden öğrenebilirsiniz.
Interop 2024 kontrol paneli
Önceki yıllarda olduğu gibi deneysel ve kararlı tarayıcı sürümleri için geçerli puanlar kontrol panelinde yayınlanacaktır. Böylece puanların nasıl geliştiğini görebilirsiniz.
Bu yıl odaklandığımız tüm alanlarda ne kadar iyileştirme yapılabileceğini görmek bizi çok heyecanlandırıyor.