görsel | bildirgec.org

Sunucuda oluşturacağınız bir dizine yükleyeceğiniz görsellerinizin küçültülmüş (thumbnail) halleri ile tek sayfalık bir "Görsel Duvar" oluştrmanızı sağlayan Pagemap ImageWall, PHP ile hazırlanmış ücretsiz bir script.

Çeşitli görsel galerilerde gördüğümüz, sayfalama, sekme veya slide gösterimi gibi özellikleri kullanmadan tek sayfalık bir "Görsel Duvar" oluşturabilirsiniz. Ziyaretçileriniz, tek bir bakışla "görsel duvarınızda" bulunan tüm görsellerinize göz atabilir veya her birine tıklayarak, orjinal boyutları ile daha yakından inceleyebilir.

Nevi şahsına münhasır web projelerinde kullanılabilecek olan Pagemap ImageWall scriptine buradan ulaşabilirsiniz.

Web'in popüler içeriklerinin başında gelen videolar, görseller ve slayt gösterimleri gibi "zengin içerikler" için açılmış yüzlerce web sitesi bulunmakta. Kimisi web'in en çok ziyaret edilen web siteleri arasında olan bu sitelerdeki bazı içerikleri, farklı amaçlarla kendi sitemizde veya blogumuzda yayınlamak (embed) isteriz. Bu tür içeriklerin sahibi olan web siteleri, kullanıcılarının bu isteklerinin farkında olduklarından ve de istediklerinden dolayı, bu işlem için çeşitli kolaylaştırıcı yöntemler kullanırlar (API, hazır kod vs.).

Desteklediği siteler arasında, YouTube, Daily Motion, Blip.tv, Flickr, Google Videos, Last.fm ve deviantART gibi popüler web siteleri (toplam 108 web sitesi/servis) bulunan Embedly, kullancılarının kendi web sitelerine veya bloglarına içerik ekleyebilmeleri için birbirlerinden farklı yöntemler belirleyen bu tür web sitelerindeki içeriği, her bir site için farklı bir yöntemi öğrenmeye gerek duymadan kendi web sitemize veya blogumuza ekleyebilmemizi sağlamakta.

Kullanıcılarına farklı özelliklerle daha ilgi çekici/eğlenceli/kullanışlı bir Twitter deneyimi sunmayı hedefleyen Twitter geliştiricilerinin en son test ettikleri yeni özellik Tweet Media özelliği oldu.

Bilindiği üzere Twitter'da sadece 140 karakterle sınırlanan text mesajlarını tweet edebilmekteyiz. Tweet Media özelliği testlerden başarı ile geçerse, text mesajlarının yanında artık video ve görsel içerikler de tweetlenebilecek.

Twitter geliştiricileri bu yeni özellik için yeni bir ayarın da eklemeyi planlamaktalar. Tweet Media adındaki bu ayar ile video ve görsel yaplaşımların Twitter ana sayfasındaki akışta yer alabilmesini herkes veya sadece takip ettiklerimiz olarak kısıtlayabileceğiz.

bir sitenin en önemli unsurlarından biri de sitenin açılış süresidir. sunucu kalitesinin etkisinin büyük olduğu tartışılmaz. ancak sitenin taşıdığı öğeler de açılış süresine etki edecektir. sitelerinizde kullandığınız görselleri optimize ederek sitenizin açılış süresini kısaltabilir ve ek olarak bant genişliğinden tasarruf edebilirsiniz. bu konuda kullanabileceğiniz araçlar:

Web resizer: siteler ve e-posta kampyaları için görselleri optimize edebilirsiniz. bir programa ihtiyaç duymadan resim kırpma, çevirme, çerçeve ekleme, format değiştirme gibi özellikler mevcut.

Smush.it: yahoo aracı birden fazla görseli aynı anda düzenlemeye imkan veriyor. gerek yükleme yaparak gerekse de bir adres belirterek kullanabilirsiniz.

Başta haber siteleri olmak üzere, farklı bakış açıları ile tasarlanan web siteleri için vazgeçilmez bir yöntem olan; içeriğin oldukça şık tasarlanmış geçiş animasyonları ile ziyaretçilere bir slayt gösterimi şeklinde sunulması yöntemi için web'te onlarca ücretli veya ücretsiz eklenti bulmak mümkün.

Mevcut veya ileride hazırlayacağınız web projelerinde kullanılmak üzere arşivinizde saklayabileceğiniz bir jQuery slayt gösterim eklentisi olan simpleSli.de, aman aman bir görsel sunum ve özellikler sunmasa da, çoğu web projesinde kullanılabilecek bir şıklığa ve sadeliğe sahip.

simpleSli.de; 4kb'lık (sıkıştırılmış hali) boyutu, HTML ile düzenlenebilir görsel ve metin içeriklerin eklenebilmesi (sayfalama (paging) için kullanılabilmekte), slayt geçişleri ile ilgili bazı ayarların yapılabilmesi ve slay geçişlerinin otomotik olarak yapılabilmesi gibi özellikleri tasarımcılara/geliştiricilere sunmakta.

Google, görsel arama motoru Google Görsel Arama'ya(Google Image Search) yeni özellikler eklemek için, Google Labs bünyesinde çeşitli deneysel çalışmalar yürütmekte. Bu çalışmalar kapsamında geliştirdiği ve anahtar kelimeler yerine, kullanıcının tıkladığı görselden hareketle, o görsele benzeyen arama sonuçlarını sunan Google Similar Images özelliğini Labs'tan mezun ederek, Görsel Arama motoruna eklemişti.

Google, Google Labs bünyesinde başlattığı yeni deneysel çalışması; Google Image Swirl ile görsel arama yapan kullanıcılara, aradıkları görsel ile ilgili arama sonuçlarını 12 farklı grupta sunduktan sonra, kullanıcı herhangi birine tıkladığında o gruptaki sonuçlar, dairesel bir yerleşim ile görünür olmakta.

Web sayfalarında, farklı amaçlar ile hazırlanmış resim, fotoğraf, çizim vb. çeşitli görsel öğelerin sunumunu kolayca yapabilmeniz için bir arayüz sağlayan WebSlide, farklı tasarımı ile dikkat çekmekte.

Javascript ve Css ile hazırlanmış WebSlide, sunumu yapılmak istenen görseli, bir menü ile beraber web sayfasında görütüleyerek, ziyaretçilerin görseli, fare veya klavyedeki yön tuşları ile detaylı olarak inceyebilmelerine olanak tanımakta.

Sunucu taraflı herhangi bir yardıma ihtiyaç duymayan WebSlide'a, CSS ile çeşitli temalar da hazırlanabilmekte.

Photoshop, web tasarımı yaparken büyük kolaylıklar sağlıyor. Navigasyon, menü ve buton tasarımı için çok kaliteli derslere aşağıdan ulaşabileceksiniz.

Navigasyon bir site için çok önemlidir. Özellikle sitedeki bölümler arası geçişi sağladığından sık kullanılmaktadır ve görsel olarak iyi olması gerekmektedir.

Şimdi Parlak, temiz, şık, düzgün ya da 3d navigasyon tasarlamayı öğrenmeye başlayalım.

1.Content Box With Orange Banner Heading (Turuncu banner başlığı ile içerik kutusu)

Bu derste içerik kutusu benzeri benzeri menü tasarlamayı öğrenebileceksiniz.

2. Vista Styled Button Photoshop Tutorial (vista tarzı buton photoshop dersi)

Çoklu layer stili, araçları ve teknikleri kullanarak vista tarzı buton tasarlamayı öğrenin.