bildirgec.org - Setrow - beğendikleri

jquery content sliders gösterim eklentileri

Setrow — Sun, 14 Mar 2010 12:26:00 GMT

content slider'lar bir önceki yazımda belirttiğim gibi çok çeşitli uygulama alanına sahip içerik gösterim eklentileridir. web sayfalarınıza kolayca entegre edebileceğiniz jquery ile geliştirilen content slider aşağıda listelendi.

1- jquery tools scrollable - tutorial - demo - download -

2- anythingslider jquery plugin - demo - download - tutorial -

3- sliding boxes and captions with jquery - demo - download - tutorial

4- making a content slider with jquery ui - demo - download - tutorial

5- creating a slick auto-playing featured content slider - demo - download - tutorial

6- create featured content slider using jquery ui - demo - download - tutorial

7- jquery.scrollto - demo - download - tutorial

8- moving boxes - demo - download - tutorial

9 - imageswitch - demo - download - tutorial

10 - jcarousel - demo - download - tutorial

11- using the wonderful jflow plugin - demo - download - tutorial

12- create beautiful jquery slider - demo - download - tutorial

13 - step by step to create content slider using jflow - demo - download - tutorial

kaynak

Bu yazı Setrow tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Twitter benzeri ajax ve jQuery örnekleri

Setrow — Mon, 25 Jan 2010 13:00:00 GMT

Tasarımlarınızı twitter gibi yapmak için kullanabileceğiniz örnekler gün geçtikçe çoğalıyor. Neden twitter gibi yapayım diyorsanız, aşağıdaki örneklerin üzerinde basit değişikliklerle kendinize göre uyarlayabilirsiniz.

jQuery ve Ajax ile Twitter benzeri arama

çok basit bir şekilde uygulayabileceğiniz bu örnek sizlere ajax ve jquery kullanarak nasıl twitter arama sonuçları görünümü oluşturabileceğinizi anlatmakta.

jQuery ile twitter benzeri dropdown giriş formu

Bu örnek aslında basit bir jquery toggle efekti ile yapılmış bir twitter görünümünde dropdown giriş formudur.

jMaxInput: jQuery ile Twitter benzeri Textarea

jMaxInput, vereceğiniz input limiti ile size twitter benzeri bir textarea oluşturmaktadır. bu jquery eklentisinin diğer güzel bir özelliği ise verdiğiniz limit textarea'nın üzerinde yazdıkça azalan bir şekilde görünmesidir.

Notify Bar (bildiri çubuğu)

sitelerde yapılan işlemler sonrasında işlem ile ilgili bildiri ve uyarılarınızı yapabileceğiniz güzel bir eklenti. Birçok parametresini bulunan bu eklentinin kullanımı ise oldukça basit.

Kaynak

Bu yazı Setrow tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Tasarımcılar İçin Faydalı 28 Jquery Eklentisi

Setrow — Wed, 24 Jun 2009 13:12:00 GMT

Tasarımcılar için bir araya getirilmiş birbirinden faydalı jquery eklentilerine aşağıdan ulaşabilirsiniz.

1. crossselect plugin

Seçilen öğeleri karşı tarafa almak için kullanabileceğiniz bir eklentidir.

2. vtip

Jquery kullanıcıları için hızlı bir şekilde ipucu göstermenizi sağlar.

3. time entry field

Zamanı gösterebileceğiniz güzel bir uygulama.

4. path selector

Hiyerarşik yapıda bulunan nesneleri seçmek için kullanabileceğiniz açılır pencere eklentisi.

5. jplayer

Web sayfanız üzerinden mp3 dosyalarınızı çalma ve kontrol etme imkanı verir.

6. opensocial-jquery

Javascript kütüphanelerini kullanarak jquery gadget geliştirebileceğiniz faydalı bir eklenti.

7. glyph

Makale veya blog yazılarınızın sonuna dergi ve gazete tasarımcılarının yaptığı gibi profesyonellik hissi verir.

8. checktree(yctin edition)

Kolayca kontrol edebileceğiniz ağaç menü uygulaması.

9. jquery list dragsort

Sürükle bırak özelliğini sağlar.

10. hintbox

Kolay bir arama yardımcısıdır.

11. custom maxlentgh

Yazabileceğiniz karakter sayısını gösteren faydalı bir eklenti.

12. jquery bookmark

Sayfanızı çeşitli sosyal imleme sitelerine ekleyebileceğiniz eklenti.

13. form wizard plugin

Form sihirbazı ile kolayca istediğiniz şekilde formlar oluşturabilirsiniz.

14. jquery custom select box

Kişiselleştirilebilir birden fazla seçme kutusu.

15. jquery modal dialog

Facebook tarzı uyarı penceresidir.

16. epiclock

Kolayca dinamik saat oluşturmanızı sağlar.

17. mbmenu

Güzel bir ağaç menü uygulaması.

18. droplist filter

Kısa arama için javascript aracıdır.

19. jyouttube

Herhangi bir youtube videosunu almak için kullanabileceğiniz güzel bir eklenti.

20. drop curves

Kenarları yuvarlatılmış imajlar oluşturabileceğiniz eklentidir.

21. galleryview

Animasyonlu bir resim galerisidir.

22. flip!

Elemanlarınızı 4 yöne çevirmek için kullanabileceğiniz eklentidir.

23. jquery image cube

Küp şeklinde fotoğraflarınızı görüntüleme eklentisi.

24. jquery-validator

Etiketleri doğrulamak için kullanabileceğiniz bir eklenti.

25. loading animation plugin

Bekleme aşamasında yükleniyor animasyonu gösterebileceğiniz güzel bir uygulamadır.

26. canvasswap

Resimlerinize güzel efektler verebileceğiniz faydalı bir eklenti.

27. magicalhover

Web siteniz için güzel bir geçiş eklentisidir.

28. bounce

Web sayfası üzerindeki elemanları genişletmek için kullanabileceğiniz bir eklentidir.

ayrıca aşağıdaki yazılarda ilginizi çekebilir.

15 mükemmel jquery navigasyon tekniği ve çözümü

sitenize eklemeniz i̇çin 5 jquery ve ajax sosyal i̇mleme widget dersi

web geliştiricileri i̇çin 8 jquery ve ve ajax tabanlı etiket bulutu yapımı

yazılarımı takip edebilirsiniz.

blog | friendfeed | twitter
kaynak: quness.com | fresherswisdom.com

Bu yazı Setrow tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

25+ yapı taşı pop-up pencere

Setrow — Sun, 14 Jun 2009 10:01:00 GMT

Web sitenin dinamikliğini sağlayan yapı taşlarından birisi olan (küçük pencere) pop-up pencerelerin en büyük özelliği, ajax/js sayesinde anında sayfa ile etkileşim kurarak, vakit kaybettirmeden yeni bir sayfa açtırmadan, o sayfa içerisinde açılarak kolaylık sağlamasıdır. Siteye kullanışlılık katığı için kullanıcının sitede dolaşması kolaylaşır ve ilgi çekici olur. pop-up pencereler bir galeride veya bilgi vermek için kullanılabilir yani hayal gücünüz ne kadar genişse o kadar kapsamlı kullanabilirsiniz. bu bildiride 25'e yakın pop-up pencere örneğini inceleyebilir ve kullanabilirsiniz.

Lightbox JS v2.0

The Lightbox Effect without Lightbox

Leightbox

GreyBox

SmoothGallery

Create site tours with Amberjack

diğer örneklere burdan ulaşabilirsiniz

~diğer yazılarım~

Bu yazı Setrow tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

30 Yüksek Çözünürlüklü Güzel ve Ücretsiz Simge Seti

Setrow — Tue, 16 Jun 2009 09:00:00 GMT

Yaratıcı tasarımcılar projeleri için sürekli yeni simgelere ihtiyaç duymaktadır. Bu yazıda yüksek çözünürlüklü 30 simge seti yer almaktadır. Projelerinizde kullanabilirsiniz.

1. web browser icons (web tarayıcı simgeleri)

2. icons (simgeler)

3. summer collection (yaz koleksiyonu)

4. adobe suite cs2 2808

5. kasual set

6. concept icons

7. classic blue color 25 icons (klasik mavi renk)

8. heavy red color icons (ağır kırmızı renk)

9. 3d cartoon icons pack (karikatür simgeleri)

10. freehand_color stroked icon pac (çizgi simgeleri)

11. shinyblack classic (parlak siyah klasik)

12. twitter land (twitter diyarı)

13. refresh trek - by dave brasgalla (yenileme yolculuğu)

14. litho extras (taşbaskı)

15. iphonica icons

16. blend for iconpackager (karışım)

17. acqua for iconpackager

18. ivista for iconpackager

19. radium for iconpackager

20. anai for iconpackager

21. aire for iconpackager

22. aqueous for iconpackager

23. le esta for iconpackager

24. nx06 for iconpackager

25. fudge icons (abartılı simgeler)

26. aeon flux for iconpackagaer

27. soviet for iconpackager

28. devils system for iconpackager (şeytan sistemi)

29. smile

30. itunes and quicktime

simge (icon) ile ilgili diğer yazılarım:

40 yüksek kaliteli simge seti

web ve grafik tasarımcıları için harika kaynaklar

40+ şık ve son moda simge seti

en i̇yi sosyal medya simgeleri

sevimli hayvanlar simge seti

photoshop'ta simge oluşturmak i̇çin 30+ şaşırtıcı ders

yazılarımı takip edebilirsiniz.

blog | friendfeed | twitter
kaynak: dreamcss.com

Bu yazı Setrow tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

psd'yi html'e çevirebilmeniz için 21 adet ders!

Setrow — Mon, 25 May 2009 08:45:00 GMT

Birçok kişi o ya da bu şekilde; dersleri kullanarak, hazır dosyaları indirerek vb. yollarla photoshop'da web sitesi oluşturabiliyor. Ancak pek azımız bunu iyi bir şekilde harmanlanmış bir web sitesine dönüştürebiliyor. Bu yazıda Psd'yi HTML'e dönüştürmeyi öğrenebileceğiniz 21 adet ders bulacaksınız. Dilerseniz daha önce yayınlanmış şu bildiriye ya da buna da bakabilirsiniz.

1. the design lab: psd conversion

Psd çevirme

2. from psd to html, building a set of website designs step by step

adım adım psd'den html

3. coding: design lab tv styled layout

Televizyon Layoutlu Tasarım

4. psd to css/html in easy steps - part 1

Basit adımlarla Psd'den css - html çeviri

5. slice and dice that psd

psd bölümleme (slice)

6. converting a photoshop mockup: part two, episode one

psd çevirme

7. build a sleek portfolio site from scratch

çizimden siteye, portfolyo sitesi

8. portfolio layout - learn to code it

portfolyo tasarımı kodlamak

9. converting a design from psd to html

bir tasarımı psd'den html'e çevirmek

10. how to convert a psd to xhtml

psd'den xhtml'ye çeviri

11. how to convert psd to html

psd'den html'e çeviri

12. creating a css layout from scratch

çizimden css'ye tasarım aşamaları

13. psd > html/css

psd'den html - css'e çeviri

14. encoding a photoshop mockup into xhtml & css

psd'yi xhtml ve css olarak kodlamak

15. css template tutorial

css şablon dersi

16. portfolio layout 4: the code

portfolyo tasarımını kodlamak

17. tutorial coding a layout

bir layout'u kodlamak

18. converting a photoshop mockup

psd çevirmek

19. killer site - from illustrator to xhtm to drubal

illustrator'den xhtml'ye, oradan da drupala!

20. from psd to html

psd'den html'e çeviri

21. coding a car sales layout

Araba satış sitesi kodlamak

Kaynak

Bu yazı Setrow tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

İlham Kaynağı 21 Güzel Giriş Sayfası / Form Tasarımı

Setrow — Tue, 12 May 2009 12:21:00 GMT

Bir web sayfasında bulunan giriş (login) bölümü tasarımı ziyaretçiler için önemlidir. Eğer farklı tasarımlar yapmak istiyorsanız bu yazıda size ilham kaynağı olabilecek giriş sayfası tasarımlarına ulaşabilirsiniz.

1 - myvirtualpaper.com

2 - login page

3 - Mobile ME

4 - unblbab

5 - Acrobot

6 - Nasi Briyani

7 - Joost

8 - Login page design

9 - Wufoo

10 - PSI: Login Page

11 - Login window

12 - Login Page

13 - smart client layout Login page

14 - window vista login page

15 - Login Page

16 - Maple Login

17 - Project Red Mantis

18 - Go Plan

19 - MMO Site

20 - College Humor

21 - Strawpoll

ayrıca aşağıdaki yazılarda ilginizi çekebilir.

ilham kaynağı olabilecek 30 güzel müzik web sitesi

Harika Web Tasarımı Yaratıcılığı: 50+ Örnek ve İlham Kaynağı

30 Yaratıcı İllustration Website Başlığı

İlham Kaynağı 50 Şık Navigasyon Menü Tasarımı

İlham Kaynağı Olabilecek Buton Tasarımları

Web Tasarımında Beyaz Renk Kullanan Web Siteleri

Web Tasarımında Etkili Başlıklar

İlham Kaynağı 101 Harika Portföy Sitesi

40 Güzel Mavi Renk Kullanan Web Sitesi

30 Güzel İllustration Website Altı (Footer)

kaynak: dreamcss.com
diğer yazılarım

Bu yazı Setrow tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

25 Güzel ve Yaratıcı Flash E-Ticaret Sitesi

Setrow — Sat, 09 May 2009 11:49:00 GMT

Flash ile tasarlanmış siteler bazen çok sıkıcı olabilir. Ancak, online alışveriş siteleri için flash tasarım kullanmak site ziyaretçilerini etkilemek ve sitede daha fazla zaman harcamalarını sağlamak için iyi bir yol olabilir.

Aşağıda, bu tür sitelere örnek olabilecek 25 Güzel ve Yaratıcı FLASH E-Ticaret Sitesini bulabilirsiniz.

Crumpler

flash e-commerce site

HD Animated Screensavers

flash e-commerce site

Diesel Online Store

flash e-commerce site

James Martin

flash e-commerce site

Kobalt Shop

flash e-commerce site

Nikeid

flash e-commerce site

Arctic Cat

flash e-commerce site

Converse

flash e-commerce site

IKEA

flash e-commerce site

MiniUSA

flash e-commerce site

diğer siteleri görmek için buraya tıklayabilirsiniz.

Bu yazı Setrow tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

10 Mükemmel Çoklu Seviye Menü Tekniği

Setrow — Sun, 15 Mar 2009 13:26:00 GMT

Web geliştiricileri kullanıcı dostu dikey ve yatay gezinti (navigasyon) menülerini CSS kullanarak oluşturabiliyorlar. JavaScript sayesinde de bu menüler daha etkileşimli, yanıt veren ve değişken hale geliyorlar.

Bugünkü yazıda jQuery, mooTools gibi JavaScript kütüphanelerinin yanısıra CSS ile oluşturulmuş 10 mükemmel çoklu seviye gezinti menüsü tekniğine yer vereceğiz.

1. Vimeo Benzeri Navigasyon Oluşturmak

Vimeo.com üzerindeki menünün neredeyse aynısı Janko tarafından geliştirilmiş durumda. Bu menünün en güzel tarafı menü öğesi üzerine fare imleci getirildiğinde menünün beliriyor olması. Ayrıca menünün sunduğu farklı arama seçenekleri sayesinde menü elementlerini eleyebiliyorsunuz.

Bu rehberin temelinde sırasız listeye dayalı CSS tabanlı bir açılır menü yatmaktadır. Menünün yapısı aşağıdaki görsel üzerinde açıklanmış.

Sizin de göreceğiniz üzere UL elementinin dört öğesi bulunuyor. Bunlardan ilki kısa bir alt menü içeren logo. Ardından giriş bağlantısı, alt menü içeren yardım bağlantısı ve yine alt menü çeren arama öğesi yer alıyor. Her bir alt menü, dahili olduğu menü elementinin üzerine fare imleci götürüldüğünde beliriyor.

Demo | İndir | Detay

2. CSS Açılır Menü Çatısı

Bu menü HTML'yi CSS'den ayırmakla kalmıyor, bunun yanısıra CSS tanımlamaları da yapısal ve tematik biçimlere ayrılmış durumda. Bu sayede yeni bir CSS açılır menü oluşturmak sadece yeni bir tema oluşturarak mümkün zire menünün altyapısı korunmaya devam ediyor. Farklı stiller sadece sınıf isimlerini değiştirerek kullanılabilir. Çatının desteklediği yönelmeler arasında, yatay, soldan sağa dikey, sağdan sola dikey, doğrusal yatay, yukarı yönlü yatay.

Menünün Özellikleri:

Kod ve dosyalar iyi düzenlenmiş. Kullandığınız içerik yönetim sistemine ya da diğer araçlara entegre edebileceğiniz gibi, (X)HTML biçimindeki web siteleri üzerinde de kullanabileceğiniz kanallar mevcut.
Menü stili sadece sınıf isimlerini değiştirerek özelleştirilebilir. Desteklenen yönelmeler arasında yatay, soldan sağa dikey, sağdan sola dikey, doğrusal yatay ve yukarı yönlü yatay yer alıyor.
Windows Internet Explorer 5+, Mozilla Firefox 1.5+, Opera 7+, Apple Safari 2+, Google Chrome 1 vb. tarayıcılar destekleniyor.
IE6 ve öncesi için küçük bir JavaScript kullanılıyor. Menü, jQuery ya da Scriptaculous gibi JavaScript kütüphaneleri ile rahatlıkla kullanılabilir. Geriye kalan her şey sadece CSS'den ibaret.

3. Çoklu Seviye JavaScript Açılır Menü

Bu çoklu seviye desteği olan açılır menünün kullandığı JavaScript'in dosya boyutu sadece 1.2 KB. Animasyon, aktif başlık belirleme, kolay aktarım ve birden fazla menü kullanabilme desteği gibi özellikleri bulunuyor. Betik Firefox 2+, IE6+, Opera, Safari ve Chrome üzerinde çalışıyor.

Demo | İndir

4. MenuMatic

MenuMatic bir mooTools 1.2 sınıfı olup sıralı ya da sırasız semantik listeleri alıp onları dinamik açılır menü sistemine dönüştürüyor. JavaScript'in etkin olmadığı tarayıcılarda ise menü, Patrick Griffiths ve Dan Webb tarafından geliştirilen Suckerfish Açılır Menüsü'ne klavye desteği kazandıran Matthew Carrol'un CSS tabanlı sürümünü kullanıyor.

Menünün Özellikleri

Arama Motoru Dostu
Erişilebilir: Menü bağlantıları üzerinde tab tuşu ile gezinin. Açılır menüler üzerinde ok tuşları ile gezinin.
JavaScript'in etkin olmadığı tarayıcılarda otomatik olarak CSS menüsü haline gelme.

Yatay | Dikey | İndir

5. Alt Menüler İçeren Dairesel Menü

Bu güzel menü küçük simgeler içeren alt menü öğelerini, ana menü elementlerinin bulunduğu dairenin içine yerleştiriyor. Menü ayrıca her bir simgeye açıklama eklemenize de izin veriyor. IE6, IE7, Firefox, Opera, Safari ve Google Chrome üzerinde sorunsuz çalışıyor.

6. mooTools İçin Kayan Menü

mooTools JavaScript kütüphanesini kullanan bu menü fare imleci hareket etmediğinde ya da sizin belirleyeceğiniz belirli bir zamandan sonra tüm menü elementlerini orjinal boyutuna getiriyor.

Demo | İndir | Detay

7. Yumuşak Gezinti Menüsü

Yumuşak Gezinti Menüsü çoklu seviye desteğine sahip ve CSS tabanlı bir menü olup, web site gezinti elementlerinin yumuşakça belirmesi için jQuery kullanıyor. Özellikle gezinti elementleri web sitelerinin genelinde önemli bir rol oynadığı için bu elementin güzel görünmesi ve işlemesi, sitenin geneli için de önemli hale geliyor.

Menü öğeleri dilerseniz doğrudan sayfa üzerindeki kod üzerinden, ya da AJAX aracılığı ile harici bir dosya üzerinde çağırılabilir. jQuery sayesinde de alt menüler hem kayarak (slide) hem de yavaşça belirerek (fade in) görüntülenebiliyor.

8. Katlanır Menü

Bu menü aslında Antonio Lupetti'nin web projelerinizdeki kodları yeniden daha verimli bir şekilde kullanabilmenize yönelik hazırladığı rehberin bir parçası. Bu örnete Antonio, fare imlecinin menü öğeleri üzerine getirilmesinin ardından bir efekt içeriyor (farenizi "About Me" ve "Click Here" öğelerinin üzerine getirin).

Demo | İndir | Detay

9. Digg Başlığını Tasarlamak

Bu menü Digg web sitesi üzerinde yer alan menünün bir kopyası. Abonelik, arama ve hesap bilgileri gibi önemli öğeler, tam olmalarını beklediğiniz yerde, sayfanın üst kısmında yer alıyorlar. Belirli bir genişliğe kadar genişleyebilen genişlik, açılır menüler, çekici arama ve renklerin kolay değiştirilebilmesi, menünün sunduğu özellikler arasında yer alıyor.

Demo | İndir | Detay

10. jQuery Dosya Ağacı

jQuery Dosya Ağacı, jQuery için geliştirilmiş özelleştirilebilir bir AJAX dosya tarayıcı eklentisidir. Sadece bir satır JavaScript kodu ile tümüyle etkileşimli dosya ağaçlarını oluşturabilmeniz mümkün. Ayrıca bu betiğin sunucu taraflı dosya sistemlerine entegre edilebilmesi için PHP, ASP.NET, JSP ve Lasso eklentileri de bulunuyor.

Bu menünün sevdiğim yanı, AJAX aracılığı ile dosya uzantılarına bakıp onlara uygun simgeleri eş zamanlı olarak gösterebiliyor olması. Dahası da alt menü öğelerinin açılma ve kapanma efeklerini ve hızlarını belirleyebiliyorsunuz.

Demo | İndir | Detay

Bu yazı Setrow tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

+20 Harika Flash Resim ve Fotoğraf Galerisi

Setrow — Mon, 16 Mar 2009 14:48:00 GMT

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.

tonyyoo'nun sayfasında da güzel bir flash galeri örneği var, demosunu izleyebilir direkt olarak indirebilirsiniz.

dezinerfolio sitesindeki flash galeri çalışmasında Flickr , Picasa desteği bulunmak, galeriyi izleyenlere printscreen tuşunu kullanıp kullanmamasına karar vermek, arkaplan müziği (mp3) ekleyebilmek gibi önemli özelliklerin bulunması yanında ücretsiz olması da ayrı bir güzellik.

yine hollandadan bir site. paulvanroekel in sitesinde cidden güzel örnekler var. picasa desteği olan bu örnek benim çok hoşuma gitti ancak ana sayfasında önemli "framework"leri kullanarak yapılmış yüklemeye izin veren çalışmalar bulunmakta. bu örnek aslında kendi içinde birçok örnek barındırıyor. çok detaya girmek istemiyorum ancak incelemeye değer bir site.

kart biçimli flash galerisi için ilgili sayfasına gidebilir galeri dosyasını çekebilirsiniz.

harici bir xml dosyasını kullanarak dinamik resim yükleme gibi bir işlem yapacaksanız, klasikleşmiş polaroid flash galerisi işinize yarayacaktır. yanılmıyorsam daha önceki flash galeri örnekleri içerisinde en çok beğenilen tarz polaroid idi...

basit sade ve işlevsel bir galerim olsun istiyorsanız photo viewer tam size göre. 3 seçenekli arka plan rengi var. (sitede ek olarak ipod şeklinde mp3 player da bulunuyor.)

flcarousel sitesinde 2 tür örnek var, flip ve carousel. ancak sitenizi ilk ziyaret edenler ilk etapta kullanmakta zorluk çekebilirler. klavye ayarları bulunmakta.

flash-gallery sitesinde 4 çalışma var. mega pack haricinde diğerlerinin ücretsiz versiyonları bulunmakta. stack-photo versiyonu polaroid örneğine benziyor. incelenmeye değer bir site.

simpler viewer da gayet hoş ve tanıdık bir stile sahip. indirebilir, uygulama detaylarına ilgili sayfasından bakabilirsiniz. 17 kb gibi bir boyutu var.

tiltviewer da gerçekten beğendiğim özgün bir uygulama. basit bir mantığı var ve hızlı bir uygulama. nasıl çalıştığına bakabilir, bilgisayarınıza indirebilirsiniz.

autoviewer ücretsiz bir flash galerisi. sitenizi ziyaret edenler açısından bakıldığında kullanımı en kolay olan galerilerden birisi olduğunu düşünüyorum. uygulama sayfası gayet hızlı çalışıyor.

postcardviewer adından anlaşılacağı üzere posta kartları şeklinde saçılmış bir ekran görüntüsü vermekte. eğlenceli...

flashimagegallery de yine basit bir flash galeri ancak pop-up da açtırma özelliği bulunuyor. çoklu galeri ve tekli galeri versiyonları var. indirme sayfasında güncellemelerden haberdar olabilmeniz için e-posta adresinizi de istiyorlar ama vermeden de indirebilirsiniz.

ücretsiz, esnek bir diğer flash galerisi de flashgallerygenerator 2 tür çalışma versiyonu bulunuyor, birinde mp3 ekleme şansınız bulunmakta. ayrıca fotoğraflarınızı watermark denilen kendi damganızı basma olanağı da sunuyor.

agilegallery picasa ile entegre olarak çalışıyor ve xml kullanıyor. flash desteği yanında ajax desteği de mevcut.

ideaography ile çoklu flash galerileri oluşturmak için önce incelemek ve beğeninize göre indirmek gerekiyor bence.

flash-gallery sayfasında 3 değişik versiyonda galeri bulunuyor. indirme sayfasında eğer belli bir ücret öderseniz galeri üzerindeki linklerini kaldıracaklarını söylüyorlar, tercih sizin.

Bu yazı Setrow tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage