Cnkt

CSS ve JavaScript ile Dinamik Menü

Digg‘in eski ve ünlü menüsünü biliyorsunuzdur. Hani, ana ketegorilerin üstüne fare ile gelince alt kategorilerin ikinci satırda çıktığı menü. Woork buna benzer bir menü geliştirmiş. Sizler için makaleyi Türkçe’ye çevirdim. İyi okumalar. Bu makale JavaScript ve CSS kullanarak pastel renkli, menüleri seçtiğinizde alt menülerin otomatik geldiği dinamik bir menü yapısının yapılışını anlatıyor. Sonuç şöyle olacak: Resimlerin de [...]

Continue reading...

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. Aşağıda login kutuları tasarımları için topladığım örnekler var: WordPress WordPress blog yönetimi login ekranı, tasarım açısından tek kelimeyle mükemmel. Sayfa beyaz renkte [...]

Continue reading...

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. İnternette sitenizi göndermenize değer olup olmadığını kontrol edemeyeceğiniz kadar çok galeri sitesi var. Zaman ayırıp sitenizi göndereceğiniz galerinin buna gerçekten değmesi gerek. En iyi sonuçları veren [...]

Continue reading...

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 [...]

Continue reading...

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. 1. Belge yapınızı kurun, CSS olmadan da okunabilsin En önemli ipucu. Belge yapınızı kurarken oldukça dikkatli davranın. İçerik bölümlerini tanımlamak için başlıklar kullanın, listeler ekleyin ve sayfanızın mantıksal akışa uygun olmasını sağlayın. CSS’in bunu sizin [...]

Continue reading...

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. Özellikle geniş kapsamlı siteler tasarlarken aynı CSS dosyasında birden çok tasarımcının çalışması gerekebiliyor. Ya da, tasarımın farklı kısımları farklı tasarımcıların sorumluluğunda olabiliyor. Bu durumda CSS dosyalarını birden çok kişinin müdahelesi [...]

Continue reading...

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 [...]

Continue reading...