Yayınlanma tarihi: 31 Mart 2025
Son Baseline aylık özeti yayınlandıktan sonra bir ay daha geçti ve çok şey oldu. Bu sayımızda, web.dev'de yayınladığımız bazı yayınları, kullanıma sunulan bazı Baseline yeni özelliklerini ve topluluktaki araç güncellemelerini özetleyeceğiz.
ESLint 0.6.0 sürümü yayınlandı
Kısa süre önce ESLint'in CSS linting desteğini kullanıma sunduğuyla ilgili bir gönderi yayınlamıştık. Bu lansmanın bir parçası olarak, projenizde kullandığınız CSS özelliklerini ve bunların belirli bir referans eşiğine ulaşıp ulaşmadığını kontrol etmek için yeni bir ESLint kuralı (require-baseline) kullanıma sunuldu.
ESLint kısa süre önce @eslint/css paketinin 0.6.0 sürümünü kullanıma sundu. Bu sürüm, require-baseline kuralını use-baseline olarak yeniden adlandıran önemli bir yeni güncelleme içeriyor. Bu güncelleme küçük görünse de kuralın okunabilirliğini artırır. Bu sürümde, iç içe yerleştirilmiş CSS bloklarını kontrol etmek için use-baseline kuralına eklenen özellik gibi bazı önemli özellikler ve hata düzeltmeleri de bulunmaktadır. @eslint/css'ün eski bir sürümünü kullanıyorsanız bu güncellemeye göz atın.
Web Platformu Kontrol Paneli'ni sorgulamak için
Bu ayın başlarında Web Platformu Kontrol Paneli'ni sorgulama hakkında bir yayın yayınlamıştık. Bu kontrol paneli, ön ucunda ve bir HTTP API aracılığıyla sorgulanabilir. Belirli bir referans eşiğine ulaşan özellikleri bulmak için API'yi sorgulayabileceğinizden bu, referans araçları için yararlı olabilir.
Bu API, belirli özellikler hakkında hızlıca bilgi edinmeniz gereken araçlarda faydalı olabilir. Örneğin, bu tür araçları kullanarak belirli bir zaman aralığında hangi özelliklerin Temel düzeyde yeni kullanıma sunulduğunu veya geniş kapsamlı olarak kullanıma sunulduğunu belirten bir komut dosyası yazabilirsiniz. Bu sizin için yararlı olabilir. Yazıyı okuyun.
Referans değeri ve polyfill'ler hakkında düşünme
Baseline'ın misyonu, hangi özellikleri güvenli bir şekilde kullanabileceğinize açıklık getirmektir. Ancak bu netliğe rağmen, özellikleri web uygulamalarınız için anlamlı olacak şekilde nasıl kullanacağınızı düşünmeniz gerekir. Polidoldurmalar bu sürecin önemli bir parçasıdır. Referans, özelliklerin yeni veya yaygın olarak kullanılabilir olup olmadığını belirlerken polyfill'leri dikkate almaz ve bunları kullanıp kullanmayacağınızı söylemeye çalışmaz. Bu karar uygulamanıza özeldir ancak dikkate alınması gereken önemli bir konudur.
Kısa süre önce Referans ve polyfill'ler hakkında nasıl düşünmeniz gerektiğiyle ilgili bir yayın yayınladık. Bu yayın, bu teknolojileri kullanma konusunda nasıl düşünmeniz gerektiğine dair faydalı bir çerçeve sunmaktadır. Temel olarak yeni veya yaygın olarak kullanıma sunulan özelliklerin, polyfill'lerin daha az gerekli hale gelmesini sağlaması beklenir. Geliştirme araç kutunuzda polyfill'lerin yararlı araçlar olduğu şüphesizdir ancak dezavantajları da vardır. Web sitenizin performansını olumsuz yönde etkileyebilirler ve bazı durumlarda erişilebilirlik sorunları bile ortaya çıkabilir. Bu kılavuzun bu zor soruyu yanıtlamanıza yardımcı olacağını umuyoruz.
contenteditable="plaintext-only" artık temel sürümdür Yeni kullanıma sunuldu
HTML öğesindeki contenteditable özelliği, kullanıcının içeriğini metin alanı gibi değiştirmesine olanak tanır. Bu, örneğin, özelliği bir <p> öğesine yerleştirebileceğiniz ve kullanıcının bu öğeyle <textarea> gibi etkileşime geçebileceği anlamına gelir. Bazı kullanım alanlarında contenteditable kullanmak, tipik form öğelerine kıyasla avantajlar sunar.
Ancak kullanıcılar, düzenlenebilir öğelere içerik yapıştırır ve yapıştırdıkları içerikler zengin metin biçimlendirmesi içerebilir. Bu da yalnızca biçimlendirilmemiş metni bir alana yapıştırmak isteyen kullanıcılar için can sıkıcı bir deneyime neden olabilir. contenteditable="plaintext-only" özellik/değer kombinasyonu bunun olmasını önler ve yakın zamanda Temel Yeni olarak kullanıma sunuldu. Daha fazla bilgi edinmek için duyuru yayınını okuyun ve metinleri gereksiz öğeler olmadan yapıştırmak isteyen kullanıcılara nasıl daha iyi bir düzenleme deneyimi sunabileceğinizi öğrenin.
Intl.DurationFormat artık temel sürümdür Yeni kullanıma sunuldu
Yaşamınızın bir döneminde bir web sitesinde, genellikle "2 gün, 6 saat, 3 dakika" gibi bir dize halinde bir etkinliğe kadar veya etkinlikten sonra geçen süreyi belirten bir metin görmüş olabilirsiniz. Bu veriler, güncel birçok konuyu iletmek için kullanışlıdır ancak genellikle bir kitaplık tarafından sağlanır. Ayrıca bu bilgileri birden fazla dilde yayınlamak isteyebilirsiniz.
Yakın zamanda Temel olarak kullanıma sunulan uluslararasılaştırma özelliği olan Intl.DurationFormat değerini girin. Intl.DurationFormat sınıfında, dize biçiminde biçimlendirilmesini istediğiniz zaman birimlerini ve aklınıza gelebilecek neredeyse tüm dilleri içeren bir nesneyi oluşturucusuna iletebilirsiniz:
const duration = {
years: 1,
hours: 20,
minutes: 15,
seconds: 35
};
// English output: '1 year, 20 hours, 15 minutes, 35 seconds'
new Intl.DurationFormat('en', { style: 'long' }).format(duration);
// German output: '1 Jahr, 20 Stunden, 15 Minuten und 35 Sekunden'
new Intl.DurationFormat('de', { style: 'long' }).format(duration);
// Spanish output: '1 año, 20 horas, 15 minutos y 35 segundos'
new Intl.DurationFormat('es', { style: 'long' }).format(duration);
Bunun heyecan verici yanı, uygulamanız bu tür dizeleri biçimlendirmek için bir kitaplığa ihtiyaç duyuyorsa yakında kitaplık kullanmadan bunu yapabilmeniz ve böylece kullanıcılarınıza kilobayt tasarrufu sağlayabilmenizdir. Daha fazla bilgi için Intl.DurationFormat ile ilgili duyuru yayınını okuyun ve bu kullanışlı yeni özellikten nasıl yararlanabileceğinizi öğrenin.
2025 W3C Breakouts Day'de temel bilgiler
W3C kısa süre önce Breakouts Day'in 2025 sürümünü düzenledi. Üyeler bu etkinlikte çeşitli konularda sunum yaptı ve 26 Mart'ta Baseline ile ilgili faydalı bir oturum sunuldu.
Temel düzeyde yeniyseniz bu oturum, size kısa bir genel bakış sunar. Bu makalede, yeni ve geniş kapsamlı kullanıma sunulmuş gibi temel referans noktaları ele alınmakta, ancak bu tanımların verilerle nasıl belirlendiği de açıklanmaktadır. browser-compat-data'ten başlayarak hangi özelliklerin hangi referans noktası eşiğinde olduğunu anlamamıza yardımcı olan web-features verilerine kadar tüm veriler ele alınmaktadır.
Bu oturumu kaçırdıysanız endişelenmeyin. Oturumdaki slaytlar kullanıma sunuldu. Merakınız ağır basıyorsa bu slaytlara göz atabilirsiniz.
Bu kadar.
Aylık özetin bu sayısı, yalnızca ayın değil, çeyreğin de sonunu işaret ediyor. Özetin önceki sürümlerini kaçırmadıysanız bu yılın ilk çeyreğinde Baseline'da yaşanan tüm gelişmeleri öğrenmek için Ocak ve Şubat sürümlerine göz atın. Her zamanki gibi, temel referansla ilgili gözden kaçırdığımız bir konu varsa bize bildirin. Bu bilgileri gelecekteki bir sayıya ekleriz. Bir ay sonra görüşmek üzere.