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.

SmoothGallery

resim ve fotoğraf galerileri konusunda hem javascript hem css hem flash teknolojilerini sıklıkla kullananlarımız vardır. bu yüzden favori seçeneğim olan flash galerileri konusunda ek bir kaynak olarak bu bildiriyi yazmak istedim.

daha önce yazdığım javascript resim galerisi, flash resim galerisi ve hollanda kökenli şu sitede bulduğum html ve flash örneklerini hala çok beğenmekle beraber flash teknolojisini kullanan +20 flash galerisini daha uzun uzun inceleyeceğinizden eminim.

%100 ücretsiz olan flashgaleri örneği daha önce bildirgec’te incelenmiş ve büyük beğeni almıştı. 11kb’lık boyutu da dikkat çekici.

1 . Minishowcase
Minishowcase küçük ve çok basit bir Ajax galeri sistemi. Kullanım konusunda basitliği ile tasarımcı dostu diyebilirim. mutlaka inceleyin.

2. JonDesign’s SmoothGallery
JS dosyası sadece 16kb olan bu galeri sisteminde Jon Design birçok sitede gördüğümüz bir yapıyı bizimle paylaşıyor. Koyu renk tasarım seçmiş ve fotoğraf ağırlıklı bir tasarım anlayışına sahip tasarımcılar için birebir.

Logo tasarımında ilham almak ve örnek incelemek başlangıç için önemli adımlar.. daha önce verdiğim galerinin benzeri nitelikte farklı galeriler bu ihtiyacı duyanlar için güzel logo tasarımlarını bünyesinde barındırıyor..

bunlardan en ünlüsü ve bence en ciddi çalışmaları içinde barındıranı

logopond

web resources links site tasarımcılarına ve geliştiricilerine kaynak bağlantılar toplayan hoş tasarımlı yeni bir site. sitede web tasarımı, web geliştirmesi ve web galerileri olmak üzere üç ana başlık var.

bunların yanında ajax, wordpress, vektörler gibi alt kategoriler de mevcut. yeni kaynaklar ve örnekler arayanlar için güzel bir site.

WP DashboardLike, nReklam tarafından, “Coltrane” kod adlı WordPress 2.7 sürümüyle hayatımıza giren, yeni yönetim paneli (dashboard) arayüz tasarımı örnek alınarak hazırlanmış ücretsiz bir WordPress teması.

wp dashboardlike

3 kolondan oluşan tema;
» Ücretsiz,
» Türkçe ve İngilizce dil desteği var,
» WordPress 2.7 ile uyumlu,
» Tüm tarayıcılar ile sorunsuz görüntülenebiliyor,
» Küçük dosya boyutuna (130 Kb) sahip,
» Gereksiz detaylardan arındırılmış kullanıcı dostu bir arayüzü var.

Bazı image gallery’lerde veya lightBox diye piyasaya sürülen javascript aparatlarında sık sık rastladığımız bir efekt vardır. Hani şu yavaşça opaklığı artın resim ya tamamen kaybolur ve hemen ardından bir sonraki resim aynı yavaşlıkla opaklık arttırarak (0’dan başlayıp) sahneye gelir yada ilk resim kaybolurken aynı anda altında duran resim git gide belirginleşir vs vs.. Çeşitli yöntemler mevcut ama nasıl yapılacağını hiç düşündünüz mü? Hazır library’lerde çok basit bir şekilde ve türlü olaylar (event) karşısında cevap verebilecek şekilde bu özellik verilebiliyor. Ama nedir bu hadisenin mantığı? Derhal aktaralım efem!..

1
2
3
4
5
6
7
8
9
10
11
12
13
14

var kontur = 0;
var timeOut;
function opakOut(yer,hiz){
  if(kontur>0){
    hiz = hiz * 1000
    var yer = document.getElementById(yer);
    mozOp = kontur * 0.01;
    yer.style.opacity = mozOp;
    yer.style.filter = "alpha(opacity="+kontur+")";
    kontur--
    timeOut = setTimeout("opakOut("+yer+","+hiz+")",hiz);}
  else{
    clearTimeout(timeOut);}
}

ve daha fazlası ===>

yakın zamanda ücretsiz flash galeri uygulamalarından bahsetmiştim. onlara ek olarak Vision da son derece ufak boyuta sahip (18 kb) resim görüntüleme uygulaması. kurulumunun kolay olması, genişletilebilir olması ve resimlerin bulunduğu klasöre yeni resimler eklendikçe otomatik olarak güncelleme yapması uygulamanın avantajları arasında yer alıyor. En azından denemeye değer…

bildirgeç’te daha önce verilen bildiriler:

flash kullanıcıları yaptıkları çalışmaları satabilecekleri bir site ‘flash components’.
ve diğer bir sitede ‘flashden’
başlangıçta %25 kazanıyorsunuz.ve kazandıkça satıştan aldığınız oran %50 oluyor.
aylık $2000 $3000 … $10000 kazanmak mümkün.template,galeri,ikon,video player,mp3 player gibi çeşitli dosyalar yapabilir ve siteye ekleyip satışa sunabilirsiniz.