Chrome ekibi bu yılki CSS Day konferansında önemli bir rol oynadı. CSS Yardım Masası'nı yöneterek katılımcıların sorularını yanıtladık. Ayrıca, katılımcılara CSS'de hâlâ eksik olduğunu düşündükleri şeyleri sorduğumuz bir beyaz tahtamız da vardı. Bu yayında, bu soruyu sormanın sonuçlarını paylaşacağım ve bu kısa anketi doldurarak HTML ve CSS'de eksik olduğunu düşündüğünüz özellikleri bizimle paylaşmanızı isteyeceğim. CSS Günü katılımcılarıyla aynı fikirde misiniz?
En çok istenen ilk on istek
Katılımcılardan fikirlerini yapışkan notlara yazıp tahtaya eklemeleri istendi. Kullanıcılar, çıkartma ekleyerek fikirlere oy da verebilir. En popüler on özellik aşağıda açıklanmıştır.
Girişlere stil uygulama desteği
Bu özellik, 21 oyla en çok istenen özellikti. Bu yaygın kullanıcı arayüzü öğelerini tutarlı bir şekilde biçimlendirmenin yollarını arıyorsunuz.
Geliştiricilerin en büyük sorunlarından biri olarak Chrome'da bu konuyu çok iyi biliyoruz ve geliştiricilere daha iyi çözümler sunmak için çalışmalarımız devam ediyor. Örneğin, özelleştirilebilir belirli öğeler, yeni stil davranışını etkinleştirmenin bir yolunu sunmayı amaçlar. Ardından, seçeneklere resim veya daha ayrıntılı bir stil ekleme gibi işlemler yapabilirsiniz. Bu yaklaşımın avantajı, normal bir seçim menüsüne geri dönmesidir. Bu sayede, bu özellik aşamalı bir iyileştirme olarak kullanılabilir.
Görsel olarak gizlenmiş
CSS Günü'nde 19 oy alan bu istek, en popüler ikinci istek oldu. Yalnızca ekran okuyucular tarafından kullanılan içerik ekleme yöntemi için istekte bulunuldu. Bu, içeriğin görüntülenmediği ve yalnızca ekran okuyucu tarafından okunduğu bir HTML öğesi olabilir.
Günümüzde kullanıcılar genellikle içeriği gizlemek ancak ekran okuyucuların erişimine açık tutmak için .visually-hidden sınıfı oluşturarak bu amaca ulaşıyor.
Bu, popüler bir istek olsa da bu özelliğin uygulanması gerektiğini düşünmeyenler de var. Ayrıntılı bilgi için Görsel olarak gizli içerik, desteklenmemesi gereken bir hiledir ve çözülmesi gerekir başlıklı makaleyi ve CSS WG 560 numaralı sorunu ile ilgili bu tartışmayı okuyun.
position: sticky inside overflow:hidden
Bu istek 16 oy aldı. position: sticky şu anda yalnızca tüm ebeveynler overflow: visible olduğunda çalışır.
2017'den bu yana bu özelliğin eklenmesi için açık bir sorun var. overflow: hidden değerinin kayan noktaları temizlemek için kullanılmasına olanak tanıyan ilk kullanım alanı günümüzde daha az gerekli olsa da ileti dizisinde ayrıntılı olarak açıklanan başka birçok senaryo var.
height: auto için animasyon ekleme
12 oy alan height: auto, birçok katılımcının animasyon için tercihi oldu. Bu özelliğin CSS interpolate-size özelliği ve calc-size() işleviyle web platformuna eklendiğini duyurmaktan mutluluk duyuyoruz.
Bu özellikler Chrome 129'dan itibaren kullanılabilir.
Bu konular hakkında daha fazla bilgi içeren bir yayını yakında yayınlayacağız.
Ek giriş türleri
HTML5, <input> öğesi için birçok farklı tür sundu. Örneğin, e-posta adresi için type="email" veya aralık kaydırma çubuğu için type="range".
CSS Günü'nde, bu türlerin daha fazlası için 10 oy aldık (ör. çift aralık veya özel veri listesi ile otomatik tamamlama).
CSS'de gerçek rastgele sayılar
10 oy alan bir diğer istek de CSS'de gerçek rastgele sayılar içindi. Bu özellik, geçmişte rastgele animation-duration için istendi ve bu sorun aşıldı.
Karışım stil sınıfları
CSS, daha önce CSS önişleyicilerinde bulunan bir dizi özelliği (özel özelliklere sahip değişkenler ve artık CSS iç içe yerleştirme) ekledi. Yeniden kullanılabilir karmalar henüz dilin bir parçası olmasa da CSS Day katılımcılarından yedisi bunları görmek istiyordu.
Bu özellik için bir spesifikasyon üzerinde çalışmaya başlamak üzere CSS Çalışma Grubu kararı alındı. Düşüncelerinizi ve kullanım alanlarınızı ilgili sorundaki tartışmaya ekleyebilirsiniz.
Gölge DOM'da genel stiller
Kullanım alanlarına dair geniş bir tartışma mesaj dizisi olan bir diğer konu da, genel CSS stillerinin gölge DOM'da uygulanmasına izin verme isteğidir. CSS Günü'nde altı kişi bu isteği dile getirmiştir. Bu özellik, global sıfırlama stillerinin web bileşenlerinde de uygulanmasına ve tek CSS dosyalarının bir sitenin tüm bileşenlerinde çalışmasına olanak tanır. Kullanım alanlarını özetleyen bu makaleye göz atın ve bu özelliğin sizin için de yararlı olup olmadığını bize bildirin.
Karma birimleri bölme
Karışık birimlere (ör. calc(100vw / 1px)) göre bölme özelliğinin eklenmesi için Interop 2024 için bir öneri vardı. Bu öneri, Interop 2024 için çok geniş kabul edildi ancak CSS Day'deki altı kişi de dahil olmak üzere birçok geliştirici bu özelliğin uygulanmasını istiyor.
nth-letter
CSS'de, içeriğin bir bölümüne span sarmalamış gibi davranan bir dizi sözde öğe vardır. Örneğin, ::first-letter sözde öğesi, uygulandığı blok kapsayıcının ilk satırının ilk harfini hedefler.
Bu listede ::nth-letter yok. ::nth-letter'ü yaklaşık yirmi yıldır istiyorsunuz. Bu nedenle, web geliştiricilerinin uzun süredir bu özelliği istediğini biliyoruz. CSS Günü'nde altı kişi bu özellik için oy verdi. Bu da bu özelliği, en çok istenen on özellik arasında sonuncu sıraya yerleştirdi.
CSS Günü'nün ilk on listesini onaylıyor musunuz?
Bu konular hakkında daha geniş bir kitlenin görüşlerini öğrenmek isteriz. Bu listedekilerden herhangi biri ilk on listenizde yer alıyor mu? Aksi takdirde, CSS ve HTML'de görmek istediğiniz başka bir şey var mı? Bu kısa formu doldurarak bize bildirin. Yanıtları başka bir yayında özetleyeceğiz.