CSS İpuçları - 9

Kodlarınıza yorum satırı ekleyerek daha anlaşılır ve erişilebilir kılın. CSS ile Tablosuz web sayfası tasarımında sayfa bölümleri div ile ayrılır ve bir çok yerde div elementi kullanılır. Divleri açtıktan sonra araya onlarca satır yazı, farklı farklı kodlar girmiş olabilir. Böyle bir durumda div etiketlerinin nerede kapatıldığını kestiremeyebilirsiniz. Bu sorundan kurtulmak için genel kullandığınız div'leri açıp kapatırken yorum satırı ekleyin:

<!-- baş kısım baslangıcı -->
<div id="basKisim">
.....
</div>
<!-- baş kısım sonu --> <!-- içerik başlangıcı -->
<div id="IcerikKismi">
......
</div>
<!-- içerik sonu --> <!-- alt kısım başlangıcı -->
<div id="AltKisim">
.....
</div>
<!-- alt kısım sonu -->

Yukarıdaki yöntem küçük çaplı sitelerde lazım olmaya bilir ancak büyük içerikli sitelerde çok büyük faydaları vardır.

Read more

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