Baseline 2024: Web geliştiricilerine yardımcı olacak daha fazla araç

Yayınlanma tarihi: 10 Aralık 2024

2024, Baseline projesi için heyecan verici bir yıldı. Temel veri kümesini tamamlamaya yaklaştık ve Web Platformu Durumu kontrol paneli ile Referans durum widget'ı gibi araçları kullanıma sunduk. RUM Arşivi gibi diğer projeler de temel çizgiyi kullanmaya başlıyor. Bu yayında, 2024'te Baseline'a geri dönülmektedir.

Temel düzey, hem masaüstü hem de mobil cihazlarda tüm temel tarayıcılar tarafından desteklenen web özelliklerini etiketler. Kullanılan özellikler Temel düzeydeyse tarayıcı uyumluluğu düzeyine güvenebilirsiniz.

Bir özelliği desteklediklerini gösteren tüm tarayıcıların yer aldığı yeni logo.
Referans MDN'nin içerik görünürlüğü sayfasında gösterilen yeni logo.

Temel referansla ilgili farklı etiketler ve bir web özelliğinin nasıl Temel referans haline geldiği hakkında daha fazla bilgi edinmek için Temel referans sitesine göz atın veya Temel referans ile güvenle oluşturma başlıklı videoyu izleyin.

2024'te Baseline projesi

web-features çalışması% 81 oranında tamamlandı.

web-features, web platformunun özelliklerinin paylaşılan bir kataloğunu oluşturma çabasıdır. Her bir özelliğe bir grup ve tanım atanır ve bu veri kümesinde referans destek verileri not edilir.

Bu yıl, bu çalışmayı ilerletmek için önemli çaba sarf ettik. Bugün itibarıyla özellik anahtarlarının% 81'i, web-features npm paketi kullanılarak eşlenir ve kullanılabilir. web-features, taban durumlarının doğru kaynağıdır.

Yeni Web Platformu Durumu kontrol paneli

Web Platformu Durumu kontrol paneli, web platformu özelliklerinin farklı tarayıcılarda uygulanmasıyla ilgili analizler sunar. Kontrol paneli web-features verileriyle desteklenir. Bu nedenle, web özellikleriyle ilgili çalışmaların ilerlemesiyle birlikte bu kontrol panelinin güvenilirliği büyük ölçüde artmıştır.

Belirli özelliklerin ilerleme durumunu izleyebilir veya 2024'e göre referans gibi bir özellik grubunu görmek için filtre uygulayabilirsiniz. Bu kontrol paneli, Can I Use ve MDN'nin uyumluluk verileri gibi mevcut kaynakları tamamlayarak web platformunun gelişimi hakkında daha geniş bir görünüm sunar.

Kontrol paneli hakkında daha fazla bilgi için Web Platformu Kontrol Paneli'ni kullanıma sunuyoruz başlıklı makaleyi okuyun. Lansmandan bu yana group: ve snapshot: gibi daha fazla filtre eklendi. Örneğin, snapshot:ecmascript-2023, ES2023'e dahil edilen özellikleri gösterir.

<baseline-status> Widget

<baseline-status> web bileşeni de web özellikleri verilerini kullanır ve artık kendi sitelerinizde ve slaytlarınızda kullanıma hazırdır. npm'den yükleyin, ardından bir özellikten her bahsetmenizde bileşeni kullanın.

Resim olarak oluşturulan baseline-status widget&#39;ı.
<baseline-status> widget'ı.

Referans durumu web bileşenini kullanma hakkında daha fazla bilgi edinin.

Resmi site ve logolar

Baseline, W3C WebDX Topluluk Grubu'na aittir. Bu yıl Baseline projesi için resmi bir sayfa oluşturduk.

Projenizde Baseline'ı kullanır, Baseline hakkında yazı yazar veya Baseline hakkında bir konuşma yaparsanız projenizi Baseline'u kullananlar sayfasında listelemek için bir çekme isteği gönderebilirsiniz.

Projenizde Baseline'ı kullanırken ad ve logo kullanım kurallarına göz atın. Logolar, web özelliklerinin durumunu göstermek istediğiniz her zaman kullanabileceğiniz şekilde lisanslanmıştır.

Birlikte çalışabilirlik projesi, birçok özelliği Baseline'da kullanıma sundu

Interop projesi, web'in birlikte çalışabilirliğini iyileştirmeyi amaçlayan tarayıcılar arası bir çalışmadır. Bu projedeki özellikler, tarayıcılar arası uygulama için hedeflenerek yeni kullanıma sunulacak temel özellik haline gelme süresini kısaltıyor. Interop 2024 sırasında Declarative Shadow DOM, font-size-adjust, requestVideoFrameCallback ve text-wrap: balance Baseline 2024'e dahil edildi. Diğer birçok özellik de tamamlanmaya çok yakın.

RUM Analizleri

RUM Arşivi'nin Analizler sayfası, Referans çizgisini entegre eden ilk araçtı. Her temel yıl için verilerine göre kaç kullanıcının dahil edildiğini görebilirsiniz. Bu sayede, geniş kapsamlı referans değeri yerine projeniz için bir referans yılı seçebilirsiniz.

Daha fazla bilgi için RUM arşiviyle temel entegrasyon başlıklı makaleyi okuyun.

This Is Baseline video serisi

Temel Plan'daki yeni özellikleri kısa ve hızlı bir şekilde açıklamak için #thisisbaseline adlı bir video serisi yayınlıyoruz. Yeni ayarlama yöntemleri, Screen Wake Lock API, CSS alt ızgara ve daha fazlası hakkında 60 saniyeden kısa sürede bilgi edinin.

This Is Baseline videolarının tamamını burada bulabilirsiniz.

Bize gelip yüz yüze sohbet edebilirsiniz.

Ekip, Baseline'u size sunmak, görüşlerinizi öğrenmek ve sorularınızı yanıtlamak için bu yıl birçok konferansa katıldı. Sunduğumuz bazı konuşmaları aşağıda bulabilirsiniz.

Rachel'in Ekim ayındaki FITC Web Unleashed sunumuna, Pete'nin connect.tech oturumuna ve Mariko'nun Kasım ayındaki JSNation konuşmasına göz atın. 2025'te sizi harika etkinliklerde görmeyi sabırsızlıkla bekliyoruz.

Baseline 2024'te neler var?

Yıl sonuna yaklaşırken, 2024 Temel Özellikleri'nin hangileri olduğunu biliyoruz. Bazı önemli noktaları aşağıda bulabilirsiniz.

@property

CSS özel mülkleri (CSS değişkenleri olarak da bilinir), yaygın olarak kullanılan bir özelliktir. @property kuralı kullanılarak tür, varsayılan değerler ve devralma içeren özel mülkler tanımlama özelliği Temmuz 2024'ten beri tüm temel tarayıcılar tarafından desteklenmektedir.

Yeni ayar yöntemleri

Set, ES2015'ten beri JavaScript'in bir parçasıdır ancak intersection ve union gibi Set'lerde matematiksel işlemler yapmanın daha fazla yöntemi bu yıl eklendi ve tüm temel tarayıcılar tarafından desteklenmeye başlandı.

AVIF

AVIF, genellikle WebP, JPEG, PNG ve GIF gibi diğer resim biçimlerine kıyasla daha iyi sıkıştırma sağlayan modern bir resim biçimidir. AVIF, Ocak 2024'ten beri tüm temel tarayıcılar tarafından desteklenmektedir.

…ve daha fazlası!

Elbette bu yıl Temel Plan'a eklenen daha birçok özellik var. 2024'te Temel Plan'ın bir parçası haline gelen özellikleri buradan inceleyebilirsiniz.

Son adım

Mayıs 2022'de Baseline projesini duyurduğumuzda bu proje yalnızca bir kavram ve Baseline'ın ilk tanımıydı. Bu yayında, Baseline'ı her geliştiricinin iş akışının bir parçası haline getirmek için yapılan çalışmaların yalnızca bir kısmı ele alınmaktadır.

Baseline projesi için yoğun şekilde çalışan herkese teşekkür ederiz.

web-features'e katkıda bulunanlar: Victor Allen, Dietrich Ayala, Daniel Beck, Patrick Brosset, Sondra Eby, Adriana Jara, Mariko Kosaka, Pete LePage, Florian Scholz, James Stuckey Weber ve queengooborg (Vinyl)

<baseline-status> widget'ı: Ewa Gasperowicz ve Chrome DevRel ekibi

Web Platformu Durum Kontrol Paneli: Panos Astithas, Kyle Ju, James Scott, Daniel Smith ve Jason Xu

Google'daki Referans Ekibi: Aaron Abbarno, Rachel Andrew, Tony Conway, Philip Jägenstedt, Adriana Jara, Mariko Kosaka, Pete LePage, Nandu Nair, Ali Spivak ve Kadir Topal

Özel teşekkürler: CanIUse'dan Alexis Deveria, Claas Augner, Hermina Condei, Florian Dieminger, Ruth John, MDN'den Leo McArdle, RUM Archive'dan Nic Jansma ve Robin Marx, Interop projesine katkıda bulunanlar, Apple, Firefox, Igalia, Microsoft, Open Web Docs, OddBird ve WebDX Topluluk Grubu üyeleri.