Mart 2023'te mevcut ürün ve beta web tarayıcılarında kullanıma sunulan bazı ilgi çekici özellikleri keşfedin.
Kararlı tarayıcı sürümleri
Mart 2023'te Firefox 111, Chrome 111 ve Safari 16.4 kararlı hale geldi. Şimdi bunun web platformu için ne anlama geldiğine bakalım.
Genel HTML özellikleri
Firefox 111, birkaç yararlı genel HTML özelliği için destek sağlar. autocapitalize özelliği, kullanıcı sanal klavyede yazarken metnin otomatik olarak büyük harf yapılıp yapılamayacağını kontrol eder.
translate özelliği, bir sayfa yerelleştirilmiş olduğunda bir öğenin çevrilmesi gerekip gerekmediğini ifade eder.
Kaynak Gizli Dosya Sistemi (OPFS)
Firefox, File System Access API'yi kullanırken Kaynak Özel Dosya Sistemi (OPFS) için destek ekliyor. OPFS hakkında daha fazla bilgi edinin.
View Transitions API
Chrome 111'de sunulan View Transitions API, görünümlerin anlık görüntüsünü alarak ve durumlar arasında herhangi bir çakışma olmadan DOM'nin değişmesine olanak tanıyarak Tek Sayfalı Uygulamalarda (SPA'lar) şık geçişler oluşturmayı kolaylaştırır.
Daha fazla bilgi için SPA görünüm geçişleri Chrome 111'de kullanıma sunuldu lansmandan sonra duyuruldu.
Yeni CSS renk alanları ve işlevleri
Chrome 111'de, web'de renk kullanmanın yepyeni yolları da mevcuttur. Chrome artık color() ve color-mix() işlevlerinin yanı sıra RGB gamının dışındaki renklere erişen renk alanlarını destekliyor. Yüksek tanımlı CSS renk kılavuzumuzdan ve color-mix() adresindeki blog yayınımızdan daha fazla bilgi edinebilirsiniz.
Chrome sürümü, bu yeni renk işleviyle çalışmanıza yardımcı olacak yeni Geliştirici Araçları da içerir.
:nth-child() seçimi üzerinde daha fazla kontrol
Chrome 111'e, :nth-child() ve nth-last-child() özelliklerine seçici listesi iletme özelliği eklendi. Bu konu hakkında daha fazla bilgi edinin ve S söz dizimiyle :nth-child() seçimleri üzerinde daha fazla kontrol başlıklı gönderideki örneklere göz atın.
Tarayıcı Desteği
- 111
- 111
- 113
- 9
Media Session API'de önceki ve sonraki slayt için destek
Chrome 111'e eklenen bu listede son olarak, medya oturumu API'si için Slaytları sunma işlemleri "previousslide" ve "nextslide" yer alır.
Tarayıcı Desteği
- 111
- 111
- x
- x
Safari'de sözde sınıf desteği
Safari 16.4, web platformu için muhteşem bir sürümdür. Bu makale, eklemelerin tümünü kapsamaz. Bu nedenle, Safari 16.4 sürüm notlarındaki özelliklerin tam listesine göz atın.
Bu sürümde desteklenen bir dizi sözde CSS sınıfı daha bulunuyor: :user-invalid, :user-valid, :dir(), :modal ve :fullscreen.
Medya sorguları için yeni aralık söz dizimi
Bu Safari sürümü, medya sorguları için çok daha zarif ve kullanışlı aralık söz dizimini üç motorun tamamında birlikte çalışabilir hale getirir. Söz dizimi Chrome'da gönderildiğinde yayınlanan bu yayında söz dizimi örneklerine göz atabilirsiniz.
CSS Özellikleri ve Değerleri
Safari 16.4'te @property desteği eklendi. Bu sayede CSS özel mülk kaydının doğrudan bir stil sayfasında yapılması mümkün olur. Bu konuda daha fazla bilgi için @property: CSS değişkenlerine süper güçler verme bölümüne bakın.
CSS API desteği
CSS Türündeki OM desteğiyle CSS için mükemmel eklemeler gelmeye devam ediyor. Bu API, CSS değerlerini dize yerine, yazılmış JavaScript nesneleri olarak gösterir. JavaScript'ten CSS ile çalışmayı kolaylaştırır ve mevcut yöntemlere göre daha iyi performans gösterir.
Ayrıca CSSStyleSheet() ile yapılandırılabilir stil sayfaları için destek de vardır. Bu işlem, stil sayfalarının bir doküman ile gölge DOM alt ağaçları arasında paylaşılmasına olanak tanır. Safari'nin bu sürümüyle, yapılandırılabilir stil sayfaları artık üç motorun hepsinde desteklenmektedir.
Web Push ve Rozet API'si
Safari artık Web Push'un yanı sıra uygulama geliştiriciler için harika bir haber olan Badging API'yi de destekliyor. Bu sürüm, özellikle tüm büyük motorlarda push bildirimlerinin desteklendiği anlamına gelir.
Haritaları içe aktarın
Bir özelliği birlikte çalışabilirlik durumuna getiren bir diğer özellik de JavaScript Haritaları içe aktar özelliğinin eklenmesidir. Bu sayede ES modülleri içe aktarmayı çok daha kolay hale getirir.
Tarayıcı Desteği
- 89
- 89
- 108
- 16,4
Beta tarayıcı sürümleri
Beta tarayıcı sürümleri, tarayıcının bir sonraki kararlı sürümünde kullanıma sunulacak özelliklerin önizlemesini sunar. Dünya henüz piyasaya sürülmeden sitenizi etkileyebilecek yeni özellikleri veya kaldırma işlemlerini test etmenin tam zamanı. Yeni beta sürümleri Firefox 112, Safari 16.5 ve Chrome 112'dir. Bu sürümler, platforma pek çok muhteşem özellik katıyor. Tüm ayrıntılar için sürüm notlarına göz atın. Öne çıkan bazı ayrıntıları burada bulabilirsiniz.
Firefox 112'de, bu yararlı özelliği tüm motorlarda kullanılabilir hale getiren inert özelliği için destek eklendi. Durdurmayla ilgili giriş bölümünde durağan etkinlik hakkında daha fazla bilgi edinebilirsiniz. Firefox'ta linear() yumuşatma işlevi desteği de etkinleştirilir.
Chrome 112 ve Safari 16.5, birçok geliştiricinin beklediği bir özellik olan CSS Nesting'i destekler.
Chrome 112, animation-composition desteğini de içerir. Birden çok animasyon efektinin animasyon kompozisyonuyla nasıl birleştirileceğini belirtme konusunda bu özelliğin nasıl çalıştığını öğrenin.
Chrome'un Gözetimsiz modunu (ör. Puppeteer) kullanırsanız 112, tamamen yeni bir Gözetimsiz modu getirir. Bu konu hakkında bilgi edinmek için Chrome'un gözetimsiz modu yeni sürüme geçirilir.
Yeni web serisinin parçası