Kategori arşivi: Web Tasarım

Kullanılabilir Giriş Formları Yapın

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;

  1. Kullanıcı adı
  2. Şifre
  3. Beni hatırla
  4. Giriş
  5. Ş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?

Web Geliştiriciler İçin Yazılar

Web geliştirme ile uğraşanlar için şimdiye kadar yazdığım yazılardan oluşan bir derleme;

CSS Kodlarınızı Sıkıştırın, Okunabilir Hale Getirin

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ış

CSS öğrenmek mi istiyorsunuz ? Bu kitap tam size göre !

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…

Nifty Corners Cube – CSS ile resimsiz yuvarlak köşeli kutular

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.. Nifty Corners Cube – CSS ile resimsiz yuvarlak köşeli kutular yazısına devam et

XHTML Strict, XHTML Transitional, XHTML Frameset arasındaki fark

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 ? XHTML Strict, XHTML Transitional, XHTML Frameset arasındaki fark yazısına devam et