CSS Dersleri

Otomatik tablo satırlarına alternatif background atama

Fatih Hayrioğlu

Fatih Hayrioğlu

Bu makaledeki metot ve bağlantılar artık güncelliğini yitirmiştir. Lütfen bu bilgileri dikkate almayınız. {: .zamani-gecti}

Tabloları daha anlaşılır yapmak için bir satırın background'un farklı diğer satırını farklı yaparız bunu için dinamik ilk çözümü(en azından benim gördüğüm) alispart da idi http://www.alistapart.com/articles/zebratables/  şimdi ise işi daha basit hale gitren bir makale gördüm bitesizestandarts.com. Makalenin aşağıda linki var. bitesizestandards.com/bites/automatic-coloured-rows İkisini karşılaştırırsak alispart'ın kodu her tabloya özel uygulanaiblir. Ancak bitesizestanmdar'ın kodu sayfadaki tüm tabloları bu şekle çeviriyor. Seçimi sayfanıza göre yapacaksınız artık.

Read more

gemini ile oluşturulmuştur :)

Lokalde tarayıcı geliştirme araçları üzerinden network isteklerini değiştirmek

FE geliştiriciler olarak hayatımız network istekleri(request) ve BE'den gelen dönen cevaplarla(response) geçiyor. Kendi bilgisayarımızda çalışırken bu istekleri değiştirme ihtiyacı olduğunda mock server kurmak veya çeşitli kütüphanelerle bu işi yapıyordum. Mock işini tarayıcı üzerinden yapmaya başlayalı çok rahatladım. Süper kolaylık sağlayan bir özellik. Genel kullanım alanları * BE

By Fatih Hayrioğlu
CSS'de lightdark() fonksiyonuyla kolayca koyu / açık mod yazımı

CSS'de lightdark() fonksiyonuyla kolayca koyu / açık mod yazımı

Bir önceki yazımda bahsettiğim gibi CSS'in yeni özelliklerinin bazıları çığır açan özellikler, bazıları kulllanıcı deneyimini iyileştirme yönünde özellikler bazıları da lightdark() fonksiyonu gibi yazım kolaylığı sağlayan özellikler. lightdark() fonksiyonu mevcut uyumlu web yazımındaki büyük sorun olan aşağıdaki kullanımı daha anlaşılır ve düzenli hale getirmeye yarıyor. :root { color-scheme: light

By Fatih Hayrioğlu