CSS: Padding Kullanırken Dikkat!
Web tasarımında CSS kullananlar padding özelliğini mutlaka biliyorlardır. Padding uyguladığınız elementin içinde boşluk yaratabilirsiniz. Yani elementin içinde yarattığınız boşluk, elementin dış kenarlarına göre hesaplanır. Margin özelliğinden farkı da budur.
Login Ekranı Tasarımları: İyi ve Kötü 6 Örnek
Login kutuları (Oturum açma ekranları - C.A) basit, kolay kullanılır ve kullanıcıların hayatlarını kolaylaştıracak şekilde olmalıdır. Login kutularının sadece işlevselliği ve tasarımı değil çevresi de çok önemlidir. Kullanıcıların dikkatinin dağılmasını önleyerek daha kolay login olmalarını sağlayabilirsiniz.
En İyi 80 CSS Galerisi
Web tasarım ve CSS galerileri, tasarımcıların ilham alması ve çalışmalarını sergilemeleri için güzel bir kaynak oluşturuyor. Popüler CSS galerilerinden birinde sitenizin yer alması binlerce ziyaretçi ve sitenize gelen bağlantı demektir.
Yahoo!’dan Yeni Performans İpuçları
Yahoo! uzun bir süredir Developer ağını kullanarak geliştiricilerin de ilgilsini çekmeyi başardı. Yayınladıkları araçlar, tasarım şemaları gibi materyallerle web geliştiricilerin de sık sık uğradığı siteler arasında yerini aldı. Yahoo! Developer Network'ün yayınladığı Firebug ile çalışan YSlow ise Firefox tarayıcımızda baş köşeye oturdu. Bu araç web sitesinin hangi noktalarda yavaşladığını size dellilleriyle beraber sunuyor. Web sitelerinin içeriklerinin yanı sıra performanslarının da tartışıldığı bir dönemdeyiz.
11 Erişilebilirlik İpucu
Web sitesi geliştirirken siteyi daha erişilebilir kılmak için basit yollar ararız. Aşağıda tüm web geliştiricilerin uygulaması önerilen (ben dahil) erişilebilirlik ipuçlarını bulabilirsiniz.
Her Tasarımcının Uyması Gereken 9 CSS Kuralı
"Ölmeden önce görmeniz gereken 101 yer" ve benzeri "top list" kavramlarını hiç sevmesem de bugün sizlere tasarımcıların uyması gerekn CSS etik kurallarından oluşan bir liste hazırladım.
CSS Hizalama
Web tasarımı genellikle yazı tipleri, renkler ve grafik öğelerinden daha fazlasını ifade eder. Bir çeşit yerleşim planı da web tasarımının alanına girer. Bir web tasarımcısının yerleşim planı tasarlamak için başlıca üç aracı vardır:
- Tablolar (Tables),
- Yüzdürme (Float),
- Hizalama (Positioning),
Tabloları kullanarak yerleşim planı hazırlamak geçen yüzyıla ait bir yöntemdir. Yüzdürme ise hangi sütunun en uzun olduğunu bilmediğiniz zamanlarda en işe yarayan yöntem olarak görülür. Eski web tarayıcıları ve Internet Explorer yüzdürme konusunda çok başarılı değildir – ama bu ayrı bir konu.
Hizalama ise CSS 2’nin belki de en yanlış anlaşılmış bölümlerinden biridir. Şimdi nasıl çalıştıklarına biraz daha yakından bakalım.