» Etiket
css
14 yayınCSS 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.
HyperShots: App Store ekran görüntülerini AI değil CSS ile piksel piksel üretiyor
HyperShots, App Store ekran görüntülerini AI yerine CSS ve headless Chrome ile piksel piksel üreterek Apple'ın reddetme nedenlerini ortadan kaldırı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.
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.comshadcn/typeset ve Tailwind Typography: Markdown Stilleme Karşılaştırması
shadcn/typeset, HTML ve markdown için stil sistemi sunuyor. Tailwind Typography ile karşılaştırmasıyla ilgili detayları keşfedin.
Bakım Durumu Görselleştirme: Mavi Nabız, Yeşil Kenarlık
WordPress çoklu site bakımında çalışan siteyi mavi nabız, biteni yeşil kenarlıkla gösteren, backend değişikliği gerektirmeyen frontend çözümü.
Tailwind CSS v4: Neler Değişti ve İki Projeyi Nasıl Taşıdım
Tailwind CSS v4 ile gelen önemli değişiklikler ve iki projenin nasıl taşındığı hakkında bilgi edinin.
EffCSS v5: Native API Tabanlı Tip Güvenli CSS-in-TS
EffCSS v5, CSSStyleSheet ve adoptedStyleSheets kullanan sıfır bağımlılıklı CSS-in-TS kütüphanesi. Contract-first tasarım ve framework bağımsız yapısıyla dikkat çekiyor.
CSS Katmanlarında Yatay Düşünmek
CSS @layer ile yatay düşünme yaklaşımı, mühendisler için stil yönetimini kolaylaştırır.
Neden Öncelikle Safari'de Test Yapıyorum
Yeni frontend projelerimde neden Safari'yi ilk test ortamı olarak seçiyorum? Hataları erken yakalamak için bu yaklaşımın avantajları.
Anchor Pozisyonlamaya Giriş
Anchor Pozisyonlama API'si ile kullanıcı arayüzü öğelerini dinamik olarak konumlandırmayı öğrenin.