Web’den Kısa Kısa 1 16 Ekim

(Efendim, birçok güzide sitemizde gördüğüm bir uygulamayı bende hayata geçirmek istedim. Bu başlık altında bundan böyle web’de gördüğüm bazı bağlantıları, yararlı olduğunu düşündüğüm makaleleri, ilginç gelişmeleri sizlerle paylaşmayı düşünüyorum. Umarım sizler için faydalı olur.)

  • Tutorial Blog 10 tane güzel Accordion tarzı menü sunmuş.
  • SmashingMagazine büyük puntolu yazıların hakim olduğu web sitelerini sergilemiş.
  • Erhan, Arama motorlarından gelen ziyaretçilerin aradıkları kelimeleri nasıl renklendireceğine dair hoş bir makale yazmış.
  • Deziner Folio’dan Photoshop için harika Web 2.0 gradientleri.
  • Free Css Toolbox, ücretsiz ve çok kullanışlı bir Css editörü.

Web Siteniz Ne Kadar Popüler? 16 Ağustos

sitebilgi.netVakit darlığından ve bilimum tasarım mazeretleri arasında takip ettiğimiz ama sitemizde yazamadığımız bir servisi tanıtmak istiyorum sizlere: SiteBilgi.net. SiteBilgi, eburhan.com‘dan tanıdığımız Erhan Burhan kardeşimizin yepyeni güzel mi güzel sitesi. Bu web sitesiyle saniyeler içinde sitenizin, Google Pagerank, Alexa, Technorati, Blograzzi (bu özellik servise yeni eklendi), Google ve Yahoo Backlink istatistiklerine ulaşabiliyorsunuz. Ajax’ın çok güzel kullanıldığı sitede tasarım minimalist düzeyde kullanılmış ve renk seçimiyle, linkleriyle, görselliğiyle tam bir Web 2.0 havası yakalanmış. Ara ara bende siteye girip t-infection.com’un istatistiklerine bakıyorum. Erhan’ı huzurlarınızda birkez daha tebrik ediyor ve sizleri SiteBilgi.net ile başbaşa bırakıyorum.(Hızlı Erişim’de Erhan’ın sitesiyle ilgili detaylı tanıtımını da bulabilirsiniz)

Hızlı Erişim: SiteBilgi.net | Acaba bu web sitesi ne kadar popüler?

Web 2.0 Tasarım Özellikleri ve Uygulamaları 12 Nisan

Evet nedir, ne değildir, nasıldır, kime aittir derken hepimiz öyle ya da böyle bir Web 2.0 havası yaşıyoruz. (ve farkında olmadan başkalarına da yaşatıyoruz) Web 2.0 nedir veya nasıl bir olgudur tartışmasına girmek değil amacım. Sadece kendi bakış açımdan bu oluşuma yaklaşmak. Web 2.0′ın bizlere tasarım alanında büyük bir yol katettirdiği aşikar. Tabi bunda kesinlikle Css ve Xhtml’nin katkılarını unutmamak gerekir. Semantik kod yazımı ve bu yöndeki işleyiş Web 2.0′ın vazgeçilmezleri arasında. Ben bu yazımda Web 2.0 sitelerinin ortak özelliklerini ve böylelikle Web 2.0′ın genel karakteristik tasarım yapısını ortaya koymaya çalışacağım. Bir nevi Web 2.0 ne demek değil Web 2.0 neyi ortaya koyar yazısı olacak bizler için. Hemen başlayalım dilerseniz.

1) BÜYÜK ve KALIN FONTLAR

büyük fontlar

Evet Web 2.0′ın hayatımıza soktuğu en büyük tasarım değişikliklerinden birisi de “Büyük Fontlar”. Büyük fontla yapılan başlık ve duyurular; nedense daha çok ilgi çektiğinden midir yoksa diğer web sitelerinin bunun bir kural olduğunu düşünerek yaptığından mıdır bilinmez birçok sitede görmeye alıştığımız bir durum oldu. Büyük fontların kullanılması elbetteki hepimizin hoşuna gidiyor ve bunu çokça yapıyoruz. İncelemede bulunacağınız sitelerin birçoğunda vurgulanması istenen alanların büyük ve kalın fontlarla yazıldığını göreceksiniz. Açıkçası daha küçük metin boyutlarıyla yazılan yazılarımız kaybolup gidiyordu. Bunun yerine benimsenen büyük ve kalın fontla yazı örnekleri birçoğumuzun daha çok hoşuna gidiyor sanırım. Kalın fontları birçok sitenin logo tasarımında da kullandığını söylemeden geçmeyelim. Özellikle bir kuralmış gibi birçok büyük site logo ve grafik tasarımını hayata geçirirken elindeki fontun “bold” versiyonunu kullanmaya özen gösteriyor.
Gönderinin Devamını Okuyun…

Web 2.0 Tasarımları Yazı Dizisi 28 Mart

hasan yalçın

Hasan Yalçın abimiz Webrazzi Forum‘dan duyduğum üzere bir yazı dizisine başlamış. Ne de güzel yapmış. Yazı dizisinde Web 2.0′ın ne olduğunu bize en iyi anlatan “tasarımların” nasıl ve ne şekilde oluşturulacağına dair bilgiler veriyor güzel blogunda. (Bu arada hemen söyleyeyim Hasan abi tema tasarımını yenilemiş ve çokta güzel olmuş bana kalırsa) Hasan abi ilgili yazısında “Nedir bu Web 2.0 tasarımının trendleri” diyor ve bir güzel anlatıyor. Dizi bittiğinde kesinlikle arşivlenecek ve yıllar yılı saklanılacak nitelikte olacağa benziyor. Hatta ve hatta ilk 2 yazısı yayınlandı bile. Geç kalmayın ve Hızlı Linklere Buyrun. (Kendisinden izin almadan yayınladım bu yazıyı umarım bana kızmaz)
Hızlı Linkler: Hasan Yalçın | Web 2.0 Tasarım Rehberi

Web 2.0 Sticker (etiket) Yapımı 9 Mart

Photoshopla Sticker Yapımı

Sitemin Header alanında ve yeni yazıların üzerinde stickerlar görüyorsunuz. Bu stickerları (etiket olarak Türkçe’ye çevriliyor) artık birçok web sitesinde görmeye alıştık. Web 2.0′ın bize sunduğu tasarım yeniliklerinden birisi de bunlar. Yeni haberlerimizi, yeni dosyalarımızı veya çarpıcı olduğunu düşündüğümüz birçok şeyi bu stickerlar sayesinde web sitemizden duyuruyoruz. Ben bu yazımda size sürekli kullandığım yöntem ile bu tarz etiketlerin nasıl yapıldığını anlatacağım. Başka yöntemlerde var ancak, Oval Köşeler yazımda belirttiğim kadar kolay ve zahmetsizce bu işi yapacağız. (Hemen belirtmekte fayda var Photoshop versiyonunuz ne olursa olsun bunu yapabilirsiniz, ben şahsen 7.0 kullanıyorum ve yükseltmeyi de aklımın ucundan geçirmiyorum)
Gönderinin Devamını Okuyun…