galeriler | bildirgec.org

Aslında ilk olarak bir web tasarım projesi için kendime sade bir görsel galerisi çözümü arıyordum ancak araştırmamı ilerlettikçe İnternet üzerindeki tüm başarılı görsel galerilerinin yer aldığı bir makale yazmanın ne kadar kullanışlı olabileceğinin farkına vardım ve sonuçta da bu yazıyı yazdım. Listeyi AJAX, JavaScript ve Lightbox tabanlı galeriler, CSS tabanlı galeriler ve Flash tabanlı galeriler olmak üzere 3 ana kategoriye ayırdım bu sayede doğrudan ilgilendiğiniz kategorideki örnekleri inceleyebileceksiniz. Eminim listede bu alanda herhangi bir gereksinimi olan herkesin işine yarayacak bir çözüm mutlaka vardır.

AJAX, JavaScript (jQuery, mooTools), Lightbox Tabanlı Galeriler

1. Jon Design's SmoothGallery
mooTools 1.11 kütüphanesini kullanan bu JavaScript galerisi ve slayt gösterisi sistemi, geçiş efekti içeren yumuşak görünümlü görsel galerileri, slayt gösterileri, vitrinler ve diğer güzel görünümlü içerikleri web siteniz üzerinde kullanabilmenizi sağlıyor. Site üzeride aynı kodu kullanan 7 farklı galeri örneği bulacaksınız. Dilediğiniz örneği indirebilir ve bilgisayarınız üzerinde test edebilirsiniz.

Diğer sistemlerin aksine JonDesign'ın SmoothGallery betiği en başından itibaren web standartları ile uyumlu olacak şekilde kodlanmış durumda. Galeriyi dilediğiniz belge üzerinden besleyebilir, özel CSS seçicilerini kullanabilirsiniz. Daha da iyisi bu gelişmiş betiğin kullandığı kod sadece 24KB.

Modern web tasarımı CSS olmadan olmaz. CSS'in esnekliği web geliştiricilerine güncellemesi daha kolay ve daha hızlı web siteleri yaratmasına olanak sağlar. Toxel, bu konuda müthiş bir arşiv oluşturmuş. İpuçları, teknikler, şablonlar, dersler, galeriler, kaynaklar ve araçlar hakkında bir 50 adet makaleyi bir araya toplamış. Mutlaka inceleyin.

css ipuçları ve teknikleri

• Web Tasarımınızı CSS3 ile Birlikte Geleceğe Hazırlayın [Smashing Magazine]
• CSS Tipografi: Kontrast Teknikleri ve En İyi Alıştırmalar [Noupe]
• Güçlü CSS Teknikleri ve Etkili Kodlama [Smashing Magazine]
• Linkler İçin Süper Havalı 4 Efekt [Css Globe]
• CSS Ustalarının 10 Prensibi [NETTUTS]
• Kodunuzu Temiz Tutmanız İçin 12 Prensip [Smashing Magazine]
• Tüm Zamanların 101 CSS Tekniği - Bölüm 1 [Noupe]
• Stillerinizi CSS Reset'i ile Resetlemek [Six Revisions]

• Onlarsız Yaşayamayacağınız 53 CSS Tekniği [Smashing Magazine]
• Tüm Zamanların 101 CSS Tekniği - Bölüm 2 [Noupe]
• CSS'te Yapsısal İsim Verme Adeti [Six Revisions]
• 10 Zorlayıcı Fakat Muhteşem CSS Tekniği [NETTUTS]
• CSS Styleguide'larıyla Kodun Okunabilirliğini Arttırmak [Smashing Magazine]
• 8 Özel Tek Satırlık CSS İpucu [Css Globe]
• 20 Üzeri Yaygın CSS Bug'ı ve Çözümleri [Noupe]
• 30 Üzeri Kopya Kağıdı (Cheat Sheet) ve Rehber [All Web Design Resources]
• Size CSS 3'ü Tanıtacak 5 Teknik [NETTUTS]
• Daha İyi CSS Kodlaması İçin 70 Uzman Fikri [Smashing Magazine]