Frontend
-
↗
SMIL ile JavaScript’siz SVG Animasyonu: Zamanlama Grafiğiyle Planlama
SMIL, etiketi içinde bile JavaScript olmadan SVG animasyonu çalıştırır. Zamanlama grafiği, syncbase senkronizasyonu ve birincil animasyon deseniyle SMIL’i yönetilebilir tutmanın rehberi.
Okuma Süresi:
3–5 dakika -
↗
CSS’e “Navigasyon Eşleştirme” Geliyor: @navigation ve @location Taslağı
CSSWG’nin yeni taslağı, aktif nav linklerini @navigation ve :link-to() ile JavaScript’siz eşleştirmeyi öneriyor. Sözdizimi, durum ve kaynaklar.
Okuma Süresi:
5–7 dakika -
↗
Dark Mode Toggle’ında “Sistem” Seçeneği Gerçekten Gerekli mi?
Lea Verou’ya göre iyi tasarlanmış 2 durumlu bir toggle, 3 durumlu (açık/koyu/sistem) deseninin tüm işlevini karşılayabilir. Mekanizma ve kod örneğiyle.
Okuma Süresi:
2–3 dakika -
↗
iOS Safari’de Site Arka Planını Çentiğin Altına Uzatan CSS Hilesi
iOS Safari, durum çubuğu ve home indicator arkasındaki boşluğu body arka plan renginizle otomatik dolduruyor — tek satır CSS ile çözülen bir tasarım detayı,…
Okuma Süresi:
3–5 dakika -
↗
“Blocked aria-hidden” Uyarısı: Tarayıcı Haklı, Bulduğunuz Çözüm Yanlış
Chrome konsolundaki “Blocked aria-hidden on an element” uyarısının nedeni, blur()/setTimeout gibi yaygın ama yanlış çözümler ve inert ile kalıcı doğru çözüm — kod örnekli…
Okuma Süresi:
3–5 dakika -
↗
Three.js ve WebGPU ile Prosedürel Geometri: Codrops’un Geometry Painter Projesinden Ne Öğreniyoruz?
Three.js’in WebGPU render motoru ve TSL ile prosedürel geometri nasıl üretilir? Codrops’un Geometry Painter projesiyle tekniklerini anlatıyoruz.
Okuma Süresi:
3–4 dakika -
↗
CSS’e Gap Decorations Geldi: Grid ve Flex’te Ayraç Çizgisi Çekmenin Yeni Yolu
Grid ve flex’te ayraç çizgisi artık border hack’i değil, row-rule/column-rule ile çekiliyor. Tarayıcı desteği ve @supports fallback dahil.
Okuma Süresi:
2–4 dakika