!Önemli olan nedir #14: Boşluk Dekorasyonları, random(), <select> alan boyutlandırma ve Daha Fazlası Siber Güvenlik

!Önemli olan nedir #14: Boşluk Dekorasyonları, random(), <select> alan boyutlandırma ve Daha Fazlası

Meşgul olduğunuzu biliyorum, bu yüzden Nedir !Önemli #14 için, birkaç tarayıcı güncellemesine rağmen üst üste gelen birkaç haftayı hızla gözden geçire...

Meşgul olduğunuzu biliyorum, bu yüzden Nedir !Önemli #14 için, birkaç tarayıcı güncellemesine rağmen üst üste gelen birkaç haftayı hızla gözden geçireceğim. CSS Quake'ten CSS Gap Dekorasyonlarına kadar bu kaçırılmaması gereken bir şey!

Hyperblam: HTML ile müzik yapın

Heydon Pickering, JavaScript olmadan müzik oluşturmak için Web Bileşenlerini kullanan, Web Ses API'sinin HTML odaklı bir uygulaması olan Hyperblam'ı yarattı.

Uzmanların Görüşleri

Tamam, pek CSS tarzı değil ama yine de oldukça havalı!

Teknik Analiz

PolyCSS tarafından desteklenen Layoutit, 1996'nın çığır açan oyunu Quake'in bir limanı olan CSS Quake'i yarattı.

Çok CSS-y ve yakın zamanda piyasaya sürülen CSS DOOM'un mükemmel bir arkadaşı.

CSS Gap Dekorasyonlarına ilk bakış

Sonuç ve Değerlendirme

Temani Afif bize boşluk dekorasyonlarının nasıl şekillendirileceğini gösterdi. Tahmin edebileceğiniz gibi 'boşluklar' esnek kutu, ızgara düzeni veya çok sütunlu düzen kullanılırken boşlukların kapladığı alanlardır. Dürüst olmak gerekirse, boşluk dekorasyonlarının geliştirilmesi uzun zamandır sürüyor ancak Temani'nin de gösterdiği gibi aslında onlarla yapabileceğimiz çok şey var.

CodePen Yerleştirme Geri Dönüşü

CSS rastgele() deneyleri

Gelecekte Ne Bekleniyor?

Polypane, CSS random() deneylerini gösterdi. Hala Safari dışında herhangi bir tarayıcı tarafından desteklenmeyen bu anlaşılması zor CSS işlevini merak ediyorsanız, Polypane bir bokeh efekti, düşen yapraklar, düzensiz bir polaroid yığını, bir şiir, animasyonlu bir aurora ve daha fazlasını yarattı. Görünüşe göre bize random() ile yapabileceğimiz her şeyi gösteren oldukça derin bir dalış.

s genişliğini seçtikleri

Detaylar ve Etkileri

Unutulmaması gereken başka bir nokta da, ) kullanırsak, field-sizing: content tüm

CSS teması için yeni standart

Önemli Gelişmeler

Una Kravets, modern CSS temasının nasıl çalıştığını açıkladı. Son zamanlarda bunlardan çokça gördük, ancak Una @property , light-dark() , kontrast-color() ve @container style() hakkında konuşuyor; bunların hepsi de yakın zamanda Baseline'dır, dolayısıyla bu, tüm bu özelliklerin birlikte nasıl çalıştığını görmek için harika bir fırsat.

CodePen Yerleştirme Geri Dönüşü

Bahsi gelmişken, kontrast-renk() hakkında ilk kez keşfettikten sonra bir şeyler yazdım.

Web sitelerinin neden herkes için aynı şekilde çalışması gerekmiyor?

Nasıl Önlem Alınmalı?

Bramus, web sitelerinin neden herkes için aynı şekilde çalışması gerekmediğini açıkladı. Örneğin, farklı platformların farklı birincil giriş yöntemleri vardır ve bu durumda bile kullanıcılar tercih ettikleri ikincil bir girişi bağlayabilirler; bu nedenle web sitelerini platformlar arasında aynı yapma fikrinden vazgeçmemiz gerekiyor.

Ayrıca platforma bağlı olarak farklı şekilde çalışması gereken üç inanılmaz ilginç web platformu özelliğinden (ilgi başlatıcılar, kaydırma eylemleri ve Belge Resim İçinde Resim API'si) bahsediyor.

Marina Aísa Web Engines Hackfest'te

Sistem Güvenliği

Herkes hâlâ CSS Günü'nden bahsederken (ben de dahil), Web Engines Hackfest Galiçya'nın A Coruña kentinde başlıyordu. Bu etkinliklerde sevdiğim şey (tabii ki konuşmaların yanı sıra) katılımcıların konuşmalardan, tanıştıkları insanlardan, şehirdeyken başka neler yaptıklarından vb. bahsetmeleri.

İşte Marina Aísa, Galiçya ormanında bir yürüyüşle başlayan iki günlük etkinliği belgeliyor, ardından web motorları ve web standartları hakkında iki gün süren konuşmalar (bazı duvar tırmanışlarıyla serpiştirilmiş) ve son olarak tarayıcıların web erişilebilirliğini iyileştirmeye yardımcı olmak için neler yapabileceğine dair bazı tartışmalar:

Bu hafta A Coruña, Galiçya'dayım ve web motorlarının ve standartlarının geleceğini tartıştığımız @webengineshackfest.org 👩‍💻 etkinliğine katılıyorum. Gelecekteki web geliştirme üzerindeki potansiyel etki göz önüne alındığında, etkinlikten bazı kişisel notlarımı paylaşmanın faydalı olacağını düşündüm. ✍️👇 — Marina Aísa (@marinaaisa.com) 14:31 · 16 Haziran 2026

Gelecek yıl için kişisel hedef: Bu etkinliklerden birine katılmak!

Yeni web platformu özellikleri

Evet, kararlı tarayıcılar için sıkıcı birkaç hafta geçirdik, ancak gerçekten heyecan verici bazı şeyler de yaklaşıyor. Gözlerinizi Hızlı Hit'lerimizde tutun, çünkü bu web platformu güncellemelerini (artı geliştirme aşamasındaki tarayıcılardan gelenleri) ilk olarak burada paylaşıyorum. Aslında Chrome 150 bugün ilerleyen saatlerde kargoya verilecek.

İki hafta sonra görüşürüz!

Paylaş: