Nisan ayında web platformundaki yenilikler

Nisan 2024'te kararlı ve beta web tarayıcılarında kullanıma sunulan ilginç özelliklerden bazılarını keşfedin.

Rachel Andrew

Kararlı tarayıcı sürümleri

Nisan 2024'te Firefox 125 ve Chrome 124 kararlı hale geldi. Bu yayında, web platformuna eklenen yeni özellikler ele alınmaktadır.

Baseline'da dört yeni özellik var

Firefox 125, Temel Yeni Kullanıma Sunulacak dört yeni özellik ekledi. Popover API'si, Intl.Segmenter, blok düzenleri için align-content ve transform-box için content-box ile stroke-box değerleri.

Popover API'si

Popover API, modal olmayan birçok türde pop-up oluşturmanıza olanak tanır. Bunların arasında araç ipuçları, menüler, özel kısa mesaj pop-up'ları ve daha pek çok şey yer alır. Pop-up'lar, daha önce JavaScript'i yazmanız gereken birçok yerleşik işlev içerir. Baseline'deki Popover API'ye göz atarak daha fazla bilgi edinin.

Intl.Segmenter

Intl.Segmenter yerel hassas metin segmentasyonunu etkinleştirir. Örneğin, kelimeleri boşluklarla ayırmayan dillerdeki kelimeleri bölmenize olanak tanıyabilirsiniz. Intl.Segmenter nesnesi artık Baseline'ın bir parçası bölümünde nasıl çalıştığını görebilirsiniz.

Blok düzenleri için align-content

align-content özelliği, artık tüm önemli motorlarda blok düzeni için desteklenmektedir. Bu, üst öğede esnek veya ızgara düzeni oluşturmanıza gerek kalmadan blok yönü hizalamasını yapabileceğiniz anlamına gelir. Engelleme düzenleri için align-content özelliği artık Temel'in bir parçasıdır bölümündeki örneğe bakın.

CSS transform-box

Son olarak, Firefox 125'te transform-box özelliği için content-box ve stroke-box değerleri kullanılır. content-box değeri içerik kutusunu ve SVG şeklini içeren çizgi sınırlayıcı kutusunu stroke-box kullanır.

WebSocketStream API

WebSocketStream API, WHATWG Akışlarını WebSocket API ile entegre eder ve Chrome 124'te kullanılabilir. WebSocketStream: akışları WebSocket API ile entegre etme bölümünden daha fazla bilgi edinebilirsiniz.

setHTMLUnsafe ve parseHTMLUnsafe

Chrome 124, JavaScript'ten Bildirimli Gölge DOM'yi kullanmanıza olanak tanıyan setHTMLUnsafe ve parseHTMLUnsafe yöntemlerini de içerir. Ayrıca bu yöntemler, innerHTML veya DOMParser ile karşılaştırıldığında HTML'yi zorunlu olarak DOM'ye ayrıştırmak için daha kolay bir yol sunar.

Beta tarayıcı sürümleri

Beta tarayıcı sürümleri, tarayıcının sonraki kararlı sürümünde olacak öğelerin önizlemesini sunar. Dünya bu sürümü almadan önce sitenizi etkileyebilecek yeni özellikleri veya kaldırma işlemlerini test etmenin tam zamanı. Yeni betalar Firefox 126, Safari 17.5 ve Chrome 125'tir. Bu sürümler, platforma birçok harika özellik getiriyor. Tüm ayrıntılar için sürüm notlarına göz atın. Bazı önemli noktaları aşağıda bulabilirsiniz.

Safari 17.5, light-dark() renk işlevini içerir ve 17.5 kararlı hale geldiğinde Temel Yeni Kullanılabilirliğe dönüşür.

Temel Yeni Kullanılabilirlik'te ayrıca CSS adımlı değer işlevleri de kullanıma sunulacak. Chrome 125'te round(), mod() ve rem() bulunur.

Chrome 125, Compute Pressure API ve CSS bağlayıcı konumlandırmasını da içerir.

Firefox 126'nın Screen Wake Lock API'sini içerdiğinden, yeni bir Baseline özelliği daha kullanıma sunuldu.