Kararlı tarayıcı sürümleri #
Mayıs 2023’te Firefox 113, krom 113, krom 114Ve Safari 16.5 kararlı hale geldi. Bunun web platformu için ne anlama geldiğine bir göz atalım.
Web GPU’su #
Chrome 113 şunları içerir: Web GPU’su, web için WebGL ve WebGL 2 grafik API’lerinin halefi. GPU bilgi işlem, GPU donanımına daha düşük ek yük erişimi, tek bir grafik cihazından birden çok tuvale oluşturma yeteneği ve daha iyi, daha öngörülebilir performans gibi modern özellikler sağlar.
- Chrome 113, Desteklenir 113
- Firefox önizlemesi, Önizleme
- Kenar 113, Desteklenen 113
- Safari, desteklenmiyor
Birinci Taraf Setleri #
Birinci Taraf Setler (FPS) nın parçasıdır Gizlilik Korumalı Alanı. Bu, kuruluşların siteler arasındaki ilişkileri beyan etmesinin bir yoludur, böylece tarayıcılar, bir küme içindeki siteler için sınırlı üçüncü taraf çerez erişimine ne zaman izin verileceğine karar verebilir. FPS, Chrome 113’te aşamalı bir sunuma başladı.
CSS medya özellikleri ve daha fazlası #
CSS için Chrome 113 şunları içerir: overflow-inline Ve overflow-block medya özellikleri.
- Chrome 113, Desteklenir 113
- Firefox 66, Desteklenir 66
- Kenar 113, Desteklenen 113
- Safari, desteklenmiyor
TheComedicComedian/overflow-inline#browser_compatibility" rel="noopener">Kaynak
Ve update medya özelliği.
Ayrıca dahil linear() Makalede hakkında daha fazla bilgi edinebileceğiniz hareket hızı işlevi ile CSS’de karmaşık animasyon eğrileri oluşturun. linear() yumuşatma işlevi.
- Chrome 113, Desteklenir 113
- Firefox 112, Desteklenir 112
- Kenar 113, Desteklenen 113
- Safari, desteklenmiyor
CSS Renk Seviyesi 4 özellikleri #
Firefox 113 şunları içerir: color(), lab(), lch(), oklab(), oklch()Ve color-mix() Zorunlu renk ayarlama özelliği ile birlikte işlevsel gösterimler. Bu, yeni renk alanlarının ve işlevlerin artık üç ana motorun tamamında desteklendiği anlamına gelir. Yüksek tanımlı CSS renk kılavuzunda bu renk uzayları ve işlevler hakkında daha fazla bilgi edinebilirsiniz.
üzerinde daha fazla kontrol :nth-child() seçimler #
Firefox 113 ayrıca bir seçici listesini :nth-child() Ve nth-last-child(). Bununla ilgili daha fazla bilgi edinin ve gönderideki örnekleri görün of S söz dizimi ile :nth-child() seçimleri üzerinde daha fazla kontrol.
- Chrome 111, Desteklenir 111
- Firefox 113, Desteklenir 113
- Kenar 111, Desteklenen 111
- Safari 9, Desteklenir 9
Sıkıştırma Akışları API’sı #
Firefox 113’e dahil edilmesi nedeniyle artık üç ana motorun tamamında desteklenen Compressions Streams API, akışların sıkıştırılmasını ve sıkıştırılmasının açılmasını sağlar. Bu, JavaScript uygulamalarının artık bir sıkıştırma kitaplığı paketi oluşturması gerekmediği anlamına gelir.
- Chrome 80, Desteklenir 80
- Firefox 113, Desteklenir 113
- Kenar 80, Desteklenen 80
- Safari 16.4, Desteklenir 16.4
CSS yerleştirme #
Safari 16.5 çoğunlukla sorunları çözmüştür, ancak aynı zamanda aşağıdakiler için destek ekler: CSS Yerleştirmeyeni iç içe seçici ile >ön işlemcileri kullanmış olan geliştiricilerin aşina olacağı bir şekilde ilgili stil kurallarını iç içe yerleştirmek için kullanılır:
.nesting {
color: hotpink;> .is {
color: rebeccapurple;
> .awesome {
color: deeppink;
}
}
}
- Chrome 112, Desteklenir 112
- Firefox, desteklenmiyor
- Kenar 112, Desteklenen 112
- Safari önizlemesi, Önizleme
ile başlıkları dengelemek text-wrap: balance #
Chrome 114’ten kullanabilirsiniz text-wrap: balance. Bu, başlıkları dengelemenize olanak tanır, son satırda tek bir kelime olması sorununu ortadan kaldırır, daha hoş ve okunabilir bir sonuç sağlar. Daha fazlasını şurada bulabilirsiniz: CSS metin kaydırma: denge.
- Chrome, Desteklenmiyor
- Firefox, desteklenmiyor
- Kenar, Desteklenmiyor
- Safari, desteklenmiyor
CHIPS: Bağımsız Bölümlenmiş Duruma Sahip Çerezler #
çalışmalarının bir parçası olarak üçüncü taraf tanımlama bilgilerini aşamalı olarak devre dışı bırakın, cips yeni tanımlama bilgisi özelliği kullanılarak üst düzey site tarafından bölümlenen üçüncü taraf tanımlama bilgilerinin etkinleştirilmesini sağlar Partitioned. CHIPS, Chrome 114’te mevcuttur.
Popover API’si #
Ayrıca Chrome 114’te Popover API’si diğer tüm web uygulaması kullanıcı arabirimlerinin üzerinde görüntülenen geçici kullanıcı arabirimi (UI) öğeleri oluşturmayı kolaylaştırır.
Bunlar, eylem menüleri, form öğesi önerileri, içerik seçiciler ve öğretim kullanıcı arabirimi gibi kullanıcı etkileşimli öğeleri içerir.
Yeni popover özelliği, herhangi bir öğenin ekranda görüntülenmesini sağlar. Üst tabaka otomatik olarak. Bu, geliştirici için artık konumlandırma, öğeleri istifleme, odak veya klavye etkileşimleri hakkında endişelenmenize gerek olmadığı anlamına gelir.
Daha fazla bilgi edinin Popover API ile tanışın.
- Chrome 114, Desteklenir 114
- Firefox, desteklenmiyor
- Kenar 114, Desteklenen 114
- Safari, desteklenmiyor
Beta tarayıcı sürümleri #
Beta tarayıcı sürümleri, size tarayıcının bir sonraki kararlı sürümünde olacak şeylerin bir önizlemesini sunar. Dünya bu sürümü almadan önce sitenizi etkileyebilecek yeni özellikleri veya kaldırmaları test etmek için harika bir zaman. yeni betalar Firefox 114, krom 115Ve Safari 16.6. 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, işte öne çıkanlardan sadece birkaçı.
Chrome 115, CSS için birden çok değer içerir display mülk. Bu şu demek display: flex olur display: block flex Ve display: block olur display: block flow. Tek değerler, eski anahtar kelimeler olarak korunur ve Chrome Stable’da bir kez bu, birden çok değeri tüm motorlarda kullanılabilir hale getirir.
Ayrıca Chrome 115’te ScrollTimeline Ve ViewTimeline Web Animasyonları belirtiminin uzantıları. Bunlar etkinleştirir kaydırma odaklı animasyonlar CSS ve JavaScript aracılığıyla.
Firefox 114 şunları içerir: Web Aktarımı API’sıçoklu akışlar, tek yönlü akışlar ve sıra dışı teslimat için destek sağlayan WebSockets’e yönelik modern bir güncelleme.
fotoğrafı çeken fotoz ası.