table | bildirgec.org

Web 2.0 ile başlayan içinde bulunduğumuz cilalı görsel iletişim çağında karmaşık ve çok sayıda bilginin analiz edilip görselleştirilmesinde kullanılan bilgilendirici / infografik tasarımlara en güzel örnekleri sıralayalım. Kelime ve yazılardan ibaret karmaşık ve anlaşılması imkansız görünen büyük miktarda veriyi açıklamak için grafik öğelerin ve tipografinin nasıl kullanıldığını aşağıdaki örneklerde inceleyelim:
Space Exploration 50 Yıl. uzay araştırmalarının son 50 yılda göstermek büyük bir infografik. Bu inanılmaz infografik çalışma Sean McNaughton ve Samuel Velasco tarafından National Geographic için oluşturulmuştur.

50 Years of Space Exploration

uzay araştırmalarının son 50 yıldaki durumunu gösteren büyüleyici tasarım. Bu inanılmaz çalışma Sean McNaughton ve Samuel Velasco tarafından National Geographic için oluşturulmuş.
Prism Social Media 2010 internetteki Sosyal ağlar, paylaşım siteleri ile sosyal medya ve paylaşım araçlarını gösteren çalışma ise Serge Esteves tarafından yapılmış.

HTML5 ve CSS3 yeni olmasına rağmen web tasarımcıları oldukça başarılı uygulamalar yapıyorlar. Klasik tasarımların aksine daha renkli ve interaktif tasarımlar kullanıcılar tarafından daha dikkat çekici ve taha tatmin edici gözüküyor. Ayrıca masaüstü uygulamalarından yapabildiğiniz birçok özelliği artık interaktif olarak tarayıcılar üzerinden de kullanabiliyoruz. Muhteşem HTML5 ve CSS3 Uygulamaları;

Carbon Fiber Signup Form - Demo

Html5, css3 ve jQuery ile yapılan bu uygulama gelişmiş bir form sistemidir. Formlarda yer alan sıradışı parlak efekti ziyaretçiler tarafından oldukça dikkat çekici. jQuery ile yapılan tooltip özelliği sayesinde kullanıcılarınız istenilen dışında formu doldururlarsa hata mesajı veriyor.

Create a Cool Messy List with CSS3 and nth-child - Demo

Bu css3 ve Html5 ile yapılan uygulama ile web sitenizdeki blogları istediğiniz şekilde yana yatırarak eğim oluşturabilirsiniz. Ayrıca bunu yaparken içeriğinede aynı şekilde eğimi uygulayabilirsiniz.

Apture: Bir sayfada bir şeyler okurken o anda yazıdaki bir şeyi araştırmak isteyebilirsiniz. O anda tarayıcınızın özelliklerini de kullanıp ayrı bir sekmede arama yapabilirsiniz ama bu sefer de ana sayfadan koparsınız. İşte bunu engellemenin yolu bu siteyi kullanmak. Ayrı bir sekme açmadan rahatça araştırma yapabilirsiniz.
Tictacdo: Yapacaklarınızı not etmek sizi hem pratikleştirir hem de işinizi hızlıca görmenizi sağlar. Yapacak listeleri işlerinizin ne kadarının bittiğini de görmenizi sağlar. Ancak planladığınız bir şeye hangi adımdan başlayacağınızı bilemiyorsanız bu sitedeki hazırlanmış listelere bir göz atmanız yararlı olabilir.

Web sayfası tasarımı ile ilgilenen herkes bilir ki; eğer sınırlı bir miktarda içeriği görüntülemek için ya da sadece web sitenizin bir bölümü daha ilgi çekici yapmak istiyorsanız jQuery mükemmel bir çözümdür. jQuery yol geliştiriciler ve kullanıcıların web siteleri ve web uygulamalaryla etkileşimi JavaScript dünyası ile değişti. Bu makalede, son birkaç ay içinde yayımlanan 25 taze ve yararlı jquery eklentileri görebilirsiniz.

Spritely

Sayfanızda dinamik bir animasyon oluşturmak istiyorsanız ve bunu Flash olmadan yapmak istiyorsanız, bu örnek size göre..
Demo | İndir

BubbleUp

Bu eklenti, sayfalarınızda kullanabileceğiniz minik bir efekttir. İmajlarınıza Hover efekti verebileceğiniz kullanışlı ve sevimli bir eklenti...

Demo | İndir

Quicksand

Kendisini çokça kullanmış olduğumdan özellikle tavsiye edebileceğim bir Jquery eklentisi. Sayfanızda belirlediğiniz özelliklere göre filtreleme yapabileceğiniz muhteşem bir eklenti.

Demo | İndir ("Download" ederken size, sadece script kodlarını vermektedir. Site üzerinden dökümanlara ulaşabilirsiniz.)

Blog dünyasının en gözde (hem de ücretsiz) servisi konumunda bulunan Blogger, blog şablonlarının çok daha yetenekli bir ortamda hazırlanabilmesi için geliştirmiş olduğu yeni şablon tasarımcısını (Blogger Template Designer) kullanıma sundu.

Blogger marifeti ile yayın yapan bloggerların, bu yeni oyuncakları ile kavuşacakları bazı güzellikler: 19 yeni şablon, Cross-browser desteği, tasarımlar tamamen CSS ile hazırlanmış, yüzlerce ücretsiz arka plan görseli, gerçek zamanlı ön izleme ve tek bir yerden tüm renkleri değiştirebilme.

Başta global pazarda faaliyet gösterenler olmak üzere, günümüzde birçok dünya devi şirket kendi kurdukları web siteleri yerine, Facebook'ta açmış oldukları hayran sayfalarını, çeşitli mecralarda yürüttükleri kampanyalarda "buluşma noktası" olarak kullanmaktalar. Bunun en başta gelen sebebi ise Facebook'un sadece "web yaşamının" değil "gerçek yaşamın" da bir parçası haline gelecek kadar kullanıcılarının hayatlarına girmesi (daha doğrusu, kullanıcıların hayatlarını Facebook'a girmeleri/aktarmaları.) ve buna paralel olarak da, kullanıcı tabanını nefessiz bir şekilde genişletmesi.

en bilindik ve başarı getirdiği kanıtlanmış seo kurallarına başlangıç yaptığımız "popüler soe yasaları - 1" başlıklı yazımıza kaldığımız yerden devam ediyoruz.

1. arama motoruna uygun sayfa geliştirme


• bulunabilir olun

İnşaa ettiğiniz siteler çok önemli bir oranda arama motoru dostu olsun. ayrıca içeriğinizin indekslendiğinden ve arandığında bulunabilir olduğundan emin olun. içeriğiniz indekslenmiyorsa arama sonuçlarında görünmeyi bekleyemezsiniz.

öncelikli hedefiniz içeriğinizi tarattırmak ve indekse alınmak olmalı. sitenizi buna göre erişilebilir ve kullanılabilir kılmalısınız. zaten sitenizin içinde bulunan erişilebilirlik ve kullanılabilirlik adına yolu tıkayan unsurları kaldırdığınızda arama motorları bunu fark edip, sizi ödüllendirecektir.

• flash ve javascriptten kurtulun

arama motorları text indeksleme işini mükemmel yapıyorlar. bu yüzden navigasyon bölümlerinizde javascript, flash ve hatta imajlardan kurtulun.