smashing magazine | bildirgec.org

Tasarımcılar göz alıcı tasarımlar yaparken aynı zamanda sitenin işlevsel olması için çok çaba harcıyorlar. Bu yazımda mükemmel tasarımlar ve yenilikçi tasarım tekniklerinin akıllıca kullanıldığı bir kaç tasarımdan bahsedeceğim. Eminim bu tasarımlarda ilham alabileceğiniz birkaç özellik bulacaksınız.

Heartbreaker Fashion



50'ler ve 60'ların kıyafetlerinden esinlenilerek yapılmış, pastel renkler ve retro çizimler kullanılan tasarımı ile Heartbreaker'ın tasarımı şirket vizyonunu çok iyi yansıtıyor. Noktalı ve çizgili kenarlıklar farklı nesneleri birbirinden nazik bir biçimde ayırıyor.

wordpress hiç şüphesiz diğer içerik yönetim sistemlerine göre her zaman ki gibi lider durumda.ücretsiz temalar ve eklentiler yönünden fazlasıyla zengin.ücretsiz temalar her geçen gün daha kaliteli işlerle karşımıza çıkıyor.
aşağıda son beş ay içinde piyasaya sürülen ücretsiz ve yüksek kaliteli temalar var.

imbalance önizleme
imbalance, minimalist ve grid tabanlı tema.jquery kullanılmış ve blog, dergi veya portföy sitesi için çok uygundur.

blogum önizleme
blogum, grid tabanlı düzeniyle oldukça sade,minimalist bir tema.jquery görüntü önyükleyicisi,dahili sosyal imleme desteği ve sade tipografi içermektedir.

Web profesyonelleri (Webmaster, Web Tasarımcı, Web Geliştirici ) için en önemli yardımcı unsur; herhangi bir geliştirme sürecinde/işinde, farklı konularda kendisini asiste edecek/yardımcı olacak kaynaklardır.

Web'te bu yardımcı kaynaklardan oldukça fazla sayıda bulunmasına rağmen, içlerinden bazıları içeriklerinin; düzenleri, zenginliği ve güncelleştirilmiş olması gibi özellikleri ile diğerlerinde ayrılırlar.

Aşağıdaki listede içeriğinde; çeşitli konularda eğitim dokümanları, kod örnekleri, geliştiriciler için yararlı linkler ve kitaplar gibi birçok farklı konuda derlenmiş kaynağı barındıran Web kaynak deposunu bulabilirsiniz.

W3 Schools

A List Apart

Webmonkey

Web tasarımında, görsellik öncelikli gelir ve görsellikte de ikonlar öncelikli durumdadırlar. Web sitenizi görsel açıdan renklendirmek ziyaretçilerinizin ilgisini çeker ve bu yolla hitlerinizi artırabilirsiniz. Aşağıdaki ikonları web sitenizde kullanabileceğiniz gibi arşivinizide ekleyebilirsiniz. İşte web tasarımcılar için hazırlanan muhteşem ikon setleri;

Vector Social Media Icons

Vektör halinde 16px ve 32px boyutlarında 50 ikon sosyal medya ikonu. ikonlar png, eps, gif formatlarında. Microsoft, Facebook, MSN, Google, Blogger, Vimeo gibi birçok sosyal medya platformunun ikonu bulunmakta.

Shiny Icons

web 2.0'dan sonra logolar ve ikonlar farklı bir tarz aldılar. 16px, 32px, 64px boyutlarında 20 ikon bulunmakta.

wordpress 13. önemli sürümünü yayınladı ‘thelonious’ (wp 3.0). her önemli (major) sürümle birlikte temelar da bu sistemin yeni özelliklerinden faydalanmak ve uyum sağlamak için (genelde ufak çapta) bazı değişikliklere uğruyor. aslında, wp topluluğu temaların ve eklentilerin hepsini wp3.0'e uydurmak ve onun ilginç ve yeni özelliklerinden faydalanmak için oldukça sıkı çalışıyor.

1. the morning after by woothemes

morning after belki de wprdpress’in orjinal dergi-tarzı teması. şimdiye kadar 100,000'den fazla indirilmiş ve daha da popüler olmaya devam ediyor.

the morning after home →
live demo →

2. structure by organic themes

structure bir wp 3.0 temsı ve 4 tane farklı seçeneği bulunuyor, hepsi de çekici ve etkili minimalist bir tarza dayalı tasarlanmış. zannediyorum birçok blog yakında bu temayı kullanacak.

structure home →
live demo →

Bir web sitesinin kullanışlılığının en temel gereklerinden birisi şüphesiz navigasyon menüleridir. Kullanıcılar için kullanım kolaylığı açısından basit ve anlaşılır olmasının yanında şıklığı da oldukça önemlidir. Smashing Magazine bizim için şahane 50 adet css, css+javascript ve flash navigasyon menüsünü listelemiş. İlham almak adına hep birlikte göz atalım.

Loodo

nopokographics

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]