» Etiket
frontend
64 yayın2010'da 'Responsive Web Design' Terimini Doğuran Makale
2010'da yayımlanan ve 'responsive web design' terimini icat eden A List Apart makalesinin sentezi: mimari ilhamlı yaklaşım ve CSS3 media query temelleri.
CauseScope: React arayüz hatalarını kaynak API isteğine kadar izliyor
CauseScope, React'te disabled bir butonun ya da yanlış render'ın hangi API yanıtından kaynaklandığını adım adım izleyen açık kaynaklı bir Vite eklentisi.
Next.js ISR ve Talep Üzerine Revalidation Rehberi
Next.js'te zaman tabanlı ISR ile talep üzerine revalidation arasındaki farkı, cache tag stratejilerini ve yaygın hataları örneklerle inceliyoruz.
CommitBrief — terminalde yapay zekâ destekli kod incelemesi
Staged değişiklikleri, bir commit aralığını ya da bütün bir GitHub pull request'ini yerelde inceleyen sağlayıcı bağımsız CLI. Sıfır telemetri, sunucu yok. Açık kaynak, GPL-3.0.
commitbrief.comCSS View Transitions: JavaScript'siz Sayfa Geçiş Animasyonları
CSS'in @view-transition kuralıyla JavaScript router olmadan sayfa geçiş animasyonları nasıl kurulur; karşılaşılan tuzaklar ve çözümleri anlatılıyor.
Next.js'te Kısmi Ön Render: Statik Kabuk, Dinamik Akış
Next.js'in deneysel PPR özelliği, statik HTML kabuğunu CDN'den anında sunarken dinamik Suspense bölümlerini origin'den aynı yanıtta akıtıyor. ISR ve dynamic rendering'e alternatif.
Yapay Zekanın Ürettiği Arayüzler Varsayılan Olarak Erişilebilir Değil
AI araçlarının ürettiği React bileşenleri görsel olarak kusursuz ama erişilebilirlik ağacında boş; beş katmanlı bir denetim sistemi çözümü açıklıyor.
React 19 useOptimistic: Gerçek Formlarda Desenler ve Tuzaklar
React 19'un useOptimistic hook'u sunucu yanıtından önce sonucu gösterir. Yorum kutusu, beğeni butonu ve ayar formundan çıkan kalıcı desenler ve üç maliyetli tuzak.
Mirrorframe: Web sayfalarını piksel doğrulamayla React'e klonlar
Mirrorframe, canlı bir web sayfasını headless tarayıcıyla yakalayıp Design Genome çıkararak React uygulamasına dönüştürüyor; her düğüm piksel bazında doğrulanıyor, LLM kullanılmıyor.
border-shape: clip-path'in eksik kalan parçası geliyor
CSS'e gelen border-shape özelliği, clip-path kullanırken kaybolan border, box-shadow ve outline sorununu çözüyor. Şekli değiştirir, süslemeleri kırpmaz.
WebGL Arayüzlerine Neden FPS Değil, Etkileşim Bütçesi Gerekir
WebGL arayüzlerinde yüksek FPS yeterli değil. Yanıt, render, bellek, sürdürülebilirlik ve eşdeğerlik içeren etkileşim bütçesi çerçevesini keşfedin.