Haberler

25 Haziran 2008 web'den seçme haberler

Fatih Hayrioğlu

25 Haz 2008 — 1 min read

Firefox 3 hakkında gelişmiş ipuçları. Bağlantı
Farklı tarayıcılara göre kod yazarken dikkate alacağımız ipuçları. Kırık bağlantı.
SmashingMagazine.com CSS editörleri hakkında güzel bir bilgi derlemesi yapmış.
Adım adım PSD'den HTML sayfa kodlama. Bağlantı
jQuery ağaç menü örnekleri. Kırık bağlantı.
jQuery içiçe iki açılır menü. Bağlantı
Web sitelerinin hızını ölçen güzel bir eklenti. Firebug'a ek olan bu eklenti bize site hızı hakkında ayrıntılı bilgi veriyor. Bağlantı
Apple sitesindekine benzer akordiyon menü örneği. Bağlantı
Firefox 3'ün desteklediği CSS özellikleri hakkında ayrıntılı bir makale.
25 adet Minimalistik site örneği. Bağlantı
Firfox3'ün yeni renk profil desteği. Renkler daha canlı. Kırık bağlantı.

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

Tarayıcı geliştirici araçlarında yakınlaştırma ve uzaklaştırma yapmak

Yaşlandıkça böyle ihtiyaçlar doğuyor galiba. Belki ihtiyacı olan olur diye buraya not edeyim. Chrome Dev Tools gibi araçlarda başlangıçtaki görünüm küçük kalabiliyor. Benim için küçük mesela :) Yazı boyutlarını büyütmek için Cmd + + and Cmd + - (Windows'ta Cmd yerine Ctrl kullanın). Ancak bu kısayol İngilizce klavye için Türkçe klavyelerde bunu

field-sizing özelliği

CSS'in yeni özellikleri bazen çığır açan nitelikte (anchor positioning, :has() seçicisi, vb.) olurken bazen yazıma yardımcı kurallar (iç içe yazım, @property) oluyor bazen de genel kullanılan kullanıcı deneyimi arttırıcı özellikleri oluyor. field-size özelliği genel kullanıcı deneyimini arttırıcı bir özellik. field-size özelliği genelde javascript ile çözdüğümüz bir ihtiyacı karşılıyor.

HTML Akordiyon bileşeni

Uzun içerikli yapıları daha az yer kaplayacak şekilde ve daha işlevsel kullanmak için genelde akordiyon yapılarını kullanırız. Uzun süredir kullanıla gelen bu bileşenlerin genelde işlevselliğini javascript ile yapıyoruz. HTML ve CSS ile yapılan akordiyonlar için son günlerde gelen name attribute ile işlevsellik yönünden eksik kalan kısım tamamlandı. name attribute tam

Read more

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

Tarayıcı geliştirici araçlarında yakınlaştırma ve uzaklaştırma yapmak

field-sizing özelliği

HTML Akordiyon bileşeni