Posted: Haziran 10th, 2009 | Author: Hüseyin Berberoğlu | Filed under: (X)HTML, Web Tasarım | Tags: kullanılabilirlik, linux gezegeni, özgürlük için, Web Tasarım | 9 Comments »
Giriş formlarını tab ile kullanılabilecek şekilde tasarlayın. Kullanılabilirliği en üst seviyede tutmak istiyorsanız size önerim alanları şu şekilde yerleştirmeniz;
- Kullanıcı adı
- Şifre
- Beni hatırla
- Giriş
- Şifre hatırlat
Bunları alt alta koyun ve tab tuşuna basıldığında bu sırada ilerlensin.
Aslında genelde yapılan da bu ancak Twitter’a giriş yapmaya çalışırken aşağıdaki gibi bir giriş formu ile karşılaştım ve bu konuya değinmek istedim.
Bu formu Twitter’a gidip yanlış kullanıcı adı ve şifre ile giriş yapmaya çalışarak görebilirsiniz.
Buradaki sorun araya “Forgot?” linkinin girmesi ve şifre yazdıktan sonra tab tuşuna bastığımızda o linkin seçilmesi. Bu bence büyük bir kullanılabilirlik sorunu, kullanılabilir bir formda 3 tabda ya “beni hatırla” ya da “giriş” olmalı.
Giriş yaparken 3′ten fazla tab tuşuna basmak bir kullanılabilirlik sorunudur. Yanılıyor muyum?
Posted: Mart 30th, 2008 | Author: Hüseyin Berberoğlu | Filed under: CSS, Javascript, Web Tasarım | Tags: compressor, CSS, Javascript, sıkıştırma, Web Araçları | 1 Comment »
CleanCSS ile CSS kodlarınızı sıkıştırıabilir veya CSS kodlarınızı daha okunabilir hale getirebilirsiniz.
CSS kodlarınızı yazdıktan ve sitenizi test ettikten sonra, yani siteniz yayına hazır hale geldiğinde, eğer daha hızlı bir web sitesine sahip olmak istiyor ve css dosyanızın boyutu büyük ise CSS kodlarınızı sıkıştırmalısınız. Ben bu iş için CleanCSS‘i kullanıyor ve sizlere de kullanmanızı öneriyorum.
Eğer CSS kodlarını okunabilir bir şekilde yazamıyorsanız CleanCSS tam size göre bir araç…
Benzer şeyleri yapabileceğiniz diğer siteler; CSSDrive CSS Compressor, Robson CSS Compressor, CSS Optimizer
Ayrıca daha hızlı bir web sitesi için Javascript dosyalarınız da sıkıştırabiliyoruz… eburhan, bu işi yapan siteleri yazmış…
Posted: Şubat 27th, 2008 | Author: Hüseyin Berberoğlu | Filed under: CSS, Web Tasarım | Tags: CSS, e-kitap, Web Araçları, Web Tasarım | 3 Comments »
Bir süredir takip ettiğim birisi olan Fatih Hayrioğlu tüm css makalelerini derleyerek bir e-kitap çıkardı ! Bu projesini zaten uzun zamandır biliyorduk, gerçekleşmesinden dolayı sevindim. CSS’e Başlangıç kitabını indirmek istiyorsanız sizi buraya alalım..
Fatih Hayrioğlu’nun css makaleleri gerçekten çok faydalı, kitabı da eminim öyledir. CSS öğrenmek isteyenlere tavsiye ederim…
Posted: Ocak 14th, 2008 | Author: Hüseyin Berberoğlu | Filed under: CSS | Tags: CSS, Web Tasarım | 10 Comments »
Nifty Corners Cube ile hiç resim kullanmadan sitelerde kullandığınız kutucukların köşelerini yuvarlak yapabilirsiniz. İlk gördüğümde çok sevmiştim.. Resim kullarak yuvarlak köşeler yapmak zahmetli bir iş.. Nifty Corners Cube ile bu iş çok basit.. Nasıl yapılacağı yazının devamında.. Read the rest of this entry »
Posted: Eylül 30th, 2007 | Author: Hüseyin Berberoğlu | Filed under: (X)HTML, Web Standartları, Web Tasarım | 7 Comments »
Eğer web sitenizi hazırlarken web standartlarına uygun HTML kodu yazmak istiyorsanız HTML sayfanızın başına html dosya tipini ve hangi standarta göre html kodu yazdığınızı belirten bir kod eklemeniz gerekiyor. validator.w3.org gibi uyumluluk kontrolü yapan siteler bu koda bakarak html kodunuzun uyumluluğunu denetliyor… XHTML için üç adet DTD (Document Type Definition) var. Bu arada hala HTML 4.01 standartını da kullanabileceğinizi hatırlatmak istiyorum…
Üç adet XHTML DTD var demiştim. Peki ne gibi durumlarda hangisini kullanacağız ? Sizin için hangisi en uygun ? Read the rest of this entry »
