Yayınlanma tarihi: 2 Mart 2026
Baseline özetinin Ocak 2026 sayısına hoş geldiniz. Her ay, Baseline'da yeni kilometre taşlarına ulaşan web platformu özelliklerini öne çıkararak projelerinizde kullanıma hazır olan araçları anlamanıza yardımcı oluyoruz.
Ocak ayı, yılın heyecan verici bir başlangıcı oldu. Birkaç önemli API ve CSS birimi, Yeni kullanıma sunulanlar kategorisine taşındı. Ayrıca, büyük bir düzen iyileştirmesi de Geniş çapta kullanıma sunuldu.
Baseline'da yeni kullanıma sunulan özellikler
Aşağıdaki web özellikleri Ocak 2026'da Baseline Newly olarak kullanıma sunuldu.
Aktif görüntüleme geçişi
:active-view-transition CSS sözde sınıfı artık Baseline Newly available'dır. Bu seçici, geliştiricilerin bir görünüm geçişi devam ederken bir dokümanın kök öğesini özellikle hedeflemesine ve stilini belirlemesine olanak tanır. Bu özellik, özellikle geçiş süresi boyunca geçerli olması gereken genel stilleri veya ayarlamaları uygulamak için kullanışlıdır. Örneğin, geçiş katmanının arka plan rengini değiştirmek veya belirli katmanların z-indeksini ayarlayarak görsel akışın sorunsuz olmasını sağlamak için bu özellikten yararlanabilirsiniz.
Hizmet çalışanlarındaki JavaScript modülleri
Hizmet çalışanları artık tüm büyük tarayıcı motorlarında JavaScript modüllerini destekliyor. type: 'module' seçeneğini navigator.serviceWorker.register() çağrılırken ayarlayarak hizmet çalışanı komut dosyanızda standart import ve export ifadelerini kullanabilirsiniz. Bu sayede, hizmet çalışanları modern JavaScript geliştirme uygulamalarıyla uyumlu hale gelir. Böylece daha iyi kod düzenlemesi, daha kolay bağımlılık yönetimi ve ana iş parçacığı ile arka plan çalışanı arasında kod paylaşma olanağı sağlanır.
Navigation API
Navigation API, özellikle tek sayfalık uygulamaların (SPA'lar) ihtiyaçları için tasarlanmış, eski History API'ye yönelik modern ve amaca yönelik bir alternatif sunar. Tarayıcının geri ve ileri düğmeleriyle tetiklenenler de dahil olmak üzere her türden gezinme işlemini başlatmak, durdurmak ve yönetmek için merkezi bir yol sunar. Maps gibi etkinliklerle geliştiriciler, daha az standart kod kullanarak daha sorunsuz bir istemci tarafı yönlendirme uygulayabilir. Bu değişikliğin web için geliştirme şeklimizi nasıl etkilediği hakkında daha ayrıntılı bilgi edinmek için Modern istemci tarafı yönlendirme: Navigation API başlıklı blog yayınımıza göz atın.
rcap CSS birimi
rcap birimi, kök öğenin yazı tipinin "büyük harf yüksekliği"ne (büyük harflerin nominal yüksekliği) eşit olan, kök yazı tipine göre göreceli bir uzunluk birimidir. Bu sayede, yalnızca yazı tipi boyutu yerine sitede kullanılan birincil yazı tipine göre ölçeklenen hassas tipografik düzenler oluşturulabilir.
rch CSS birimi
ch birimine benzer ancak kök öğeye göreceli olan rch birimi, kök öğenin yazı tipindeki "0" (sıfır) glifinin genişliğini (daha doğrusu ilerleme ölçüsünü) temsil eder. Karakter genişliğine bağlı düzenler oluşturmak için idealdir. Örneğin, kök yazı tipinde belirli sayıda karaktere tam olarak uyması gereken bir kapsayıcı.
rex CSS birimi
rex birimi
ex biriminin köke göre olan sürümüdür ve kök öğenin
yazı tipinin x yüksekliğine eşittir. Bu birim, özellikle dikey hizalama ve öğeleri dokümanınızın birincil tipografisindeki küçük harflerin yüksekliğine göre boyutlandırma için kullanışlıdır.
ric CSS birimi
ric birimi, ic biriminin köke göre karşılığıdır. Bu değer, kök öğenin yazı tipinin "ideografik" ilerleme ölçüsüne (genellikle bir Çince, Japonca ve Korece ideogramının genişliği veya yüksekliği) eşittir. Bu, özellikle Çince, Japonca veya Korece alfabelerini kullanan geliştiriciler için uluslararasılaştırılmış düzenler oluştururken kullanılması gereken önemli bir araçtır.
Temel olarak yaygın şekilde kullanılabilen özellikler
Aşağıdaki web özellikleri, Ocak 2026'da Baseline Widely'de kullanıma sunuldu.
İki değerli CSS display özelliği
display özelliği için çok anahtar kelimeli söz dizimi artık Baseline Widely kullanılabilir. Bu güncelleme, bir kutunun hem "dış" hem de "iç" görüntüleme türlerini açıkça tanımlamanıza olanak tanır. Örneğin, önceden oluşturulmuş inline-flex yerine display: inline flex kullanabilirsiniz. Bu, bir öğenin blok veya satır içi akışa (dış tür) katılıp katılmadığını ve alt öğelerinin nasıl yerleştirildiğini (iç tür, örneğin flex veya grid) netleştirir. Bu değişiklik, CSS düzen motorunu geliştiriciler için daha mantıklı ve tutarlı hale getirir.
animation-composition CSS özelliği
animation-composition özelliği, birden fazla animasyonun aynı özelliği aynı anda etkilediğinde nasıl etkileşimde bulunacağını tanımlar. replace, add veya accumulate seçeneklerinden birini belirleyerek karmaşık ve katmanlı animasyonların nasıl hesaplanacağı üzerinde hassas kontrol sahibi olabilirsiniz.
Kopyalayarak dizi oluşturma
JavaScript artık orijinal verileri değiştirmeden dizileri dönüştürmenize olanak tanıyan yöntemler içeriyor. toReversed(), toSorted() ve toSpliced() gibi yöntemler, dizinin yeni ve değiştirilmiş bir kopyasını döndürerek daha işlevsel ve güvenli bir programlama stilini destekler.
İyileştirmemize yardımcı olun
Her zamanki gibi, Baseline ile ilgili atladığımız bir şey olursa bize bildirin. Bu bilgileri gelecekteki bir sürümde ekleriz. Sorularınız varsa veya Baseline hakkında geri bildirimde bulunmak istiyorsanız sorun izleyicimizde sorun kaydı oluşturabilirsiniz.