bildirgec.org - yona - beğendikleri

Ajax ve javaScript tabanlı fotoğraf galerileri

yona — Mon, 21 Apr 2008 07:03:00 GMT

Birbirinden güzel fotoğraflarınız varsa ve bunları birilerine göstermek istiyorsanız o halde fotoğraf galerileri tam size göre. İşte ajax ve javascript ile hazırlanmış 15 fotoğraf galerisi:

Galleria
jquery ile yazılmış bir fotoğraf galerisi. javascript ile çalışıyor. <ul> etiketiyle listelediğiniz fotoğrafları otomatik olarak galeriye dönüştürebiliyor.

galleria
lightwindow
lightbox efektini kullanarak galeri oluşturabiliyor.

lightwindow
(E)2 photo gallery
mootools kütüphanesi kullanıyor. Önce fotoğraflarınızı bir klasöre upload ediyorsunuz ve galerinin bu klasördeki fotoğraflar ile oluşturulmasını belirtiyorsunuz. Böylece galeriniz otomatik olarak hazırlanıyor.

(e)2 photo gallery
spry gallery
Adobe'un spry isimli javascript kütüphanesi ile hazırlanmış sade bir fotoğraf galerisi

spry
imago
Yaklaşık 8 KB olmasına rağmen AJAX tekniği kullanan ve güzel özellikleri olan bir galeri. Flickr desteği ve galeri bilgilerini XML dosyasından alabilme özelliğine sahip.

imago
slideviewer
fotoğraflarınızı slayt şeklinde sergileyebileceğiniz ve bir jquery eklentisi olan bir galeri. özellikle efektleri çok hoş.

slideviewer
minishowcase
php, javascript ve ajax üçlüsü ile yazılmış, karmaşık olmayan ve birkaç dakikada hazırlanabilen bir galeri. galerideki fotoğraflara tıkladığınızda fotoğraflar "lightbox" efekti ile açılıyor.

minishowcase
ajax image gallery powered by slideflow
Adından da anlaşılabileceği üzere AJAX tekniği ile hazırlanmış basit bir galeri. Fotoğraflara slayt gösterisi şeklinde bakabiliyorsunuz.

ajax image gallery powered by slideflow
lightweight image gallery
"Öyle çok karmaşık bir galeri istemiyorum" diyorsanız bu galeri sizi tatmin edebilir. Oldukça sade ve hazırlanışı kolay bir galeri çünkü.

lightweight image gallery
photofolder
İçerisinde jpg formatında fotoğrafların bulunduğu bir klasörü otomatik olarak tarıyor ve fotoğrafları sizin yerinize boyutlandırıyor. Yani galeriyi otomatik olarak hazırlayabiliyor. PHP 5 gerektiriyor.

photofolder
jas gallery
jas kelimesi aslında "javascript slides" kelimelerinden oluşturulmuş. Fotoğraflara slayt ve fading efektleri uygulayabiliyor. Ayrıca fotoğrafları etiketleyebiliyorsunuz. Böylece kullanıcılar, görmek istedikleri fotoğraflara daha hızlı ulaşabiliyorlar.

jas gallery
mooflow
Apple'ın şuradaki sayfasına girdiğinizde, sayfanın üst tarafında yatay bir kaydırma çubuğu göreceksiniz. Bu çubuğu kaydırarak Apple ürünlerine hızlıca gözatabiliyorsunuz. Benzer bir uygulamayı bu galeri ile oluşturabiliyorsunuz.

mooflow
ximggallery
Bu galerinin en önemli özelliği, tek bir dosyadan oluşmasıymış. javascript ile yazılmış. web sayfalarınızın içerisine gömebiliyorsunuz.

ximggallery
highslide js
gerçekten güzel bir uygulama. fotoğraflar "lightbox" benzeri bir pencerede açılıyor. klavye desteği sayesinde, fotoğraflar arasında klavyenizin yön tuşlarını kullanarak gezinebiliyorsunuz.

highslide js
couloir
javascript ile yazılmasına rağmen flash ile oluşturulmuş bir galeri izlenimi veriyor. fotoğraflara tıkladığınızda bir fotoğraf çekme sesi duyuyorsunuz. Kaynak kodları 600 KB civarında.

couloir

-----

Ve fotoğraf galerisi oluşturan diğer uygulamalar:

bildirinin kaynağına buradan ulaşabilirsiniz.

Bu yazı yona 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

link tıklama, hatırlatma

yona — Mon, 18 Feb 2008 07:39:00 GMT

linkblip'e e-posta adresinizi veriyorsunuz ve bir internet adresi/bağlantısı belirliyorsunuz. daha sonra linkblip size özel bir bağlantı veriyor. siz bu özel bağlantıyı istediğiniz kişilere iletiyorsunuz ve bu kişiler, bu bağlantılara ne zaman tıklarsa e-posta yoluyla haberdar oluyorsunuz.

Bu yazı yona 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

photoshop ile ico dosyası oluşturma

yona — Wed, 02 Jan 2008 21:59:00 GMT

photoshop programı ile hazırlamış olduğunuz çalışmaları icon dosyası olarak kaydetmek eminim bir çok kişinin işini kolaylaştıracaktır.
bu işlemi yapmak için iki farklı yol izleyebilirsiniz birinci olarak file sava as menüsü içerisinden *.ico dosyası olarak kaydedebilir yada icon eklentisi ile istediğiniz resmi ico dosyası olarak hazırlayabilirsiniz.
birinci yol için ico format plug-in adresinde GNU Lisansı ile dağıtılan eklentiyi yüklemeniz ve kurmanız yeterli.
ikinci yol için ise sibcode firmasının ücretsiz olarak dağıttığı ve photoshop 5.0 ve üstü versiyonlarda sorunsuz çalışan eklentiyi yüklemeniz yeterli olacaktır.
eklenti ana sayfası
eklenti yükleme adresi

hazırlamış olduğunuz bu ico dosyasını sitenizinde veya blog sayfanızda favicon olarak da kullanabilirsiniz.

Bu yazı yona 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

Çelik'i çalmışlar!

yona — Sat, 02 Feb 2008 16:37:00 GMT

Aralık 2002'de Arçelik 40 yıldır kullandığı logosunu değiştirirken, bizi bir de ufak ve sevimli bir robotla tanıştırmıştı. Çelik adındaki bu robot gerek görüntüsü, gerek sesi ile sempatimizi toplamıştı. Yıllar boyunca çeşitli reklam filmlerinde bizleri Arçelik ürünlerinden haberdar eden, "Ben Çelik, Arçelik" diyerek kendini tanıtan, insanların beraber fotoğraf çektirmek için kuyruklar oluşturduğu bu sevimli maskotu kopyalamışlar.

File Cyb isimli bir dosya indirme sitesi sadece bir kaç rengini değiştirerek çelik'in bir kopyasını sitelerinde kullanıyorlar. Henüz Arçelik'in durumdan haberdar olduğunu sanmıyorum. Bakalım önümüzdeki günlerde bu konu nasıl gelişecek, çünkü kesinlikle haberdar olmalarını sağlayacağız.

Bu yazı yona 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

43 Tasarım Hatası

yona — Wed, 13 Jun 2007 11:00:00 GMT

Şuradan edindiğim bilgi dikkatimi çekti ve sizlere sunmak istedim.Deneyimler neticesinde oluşturulmuş bir liste.

1.Ziyaretçi sitenizin içeriğini saniyeler içerisinde anlayabilmeli.
2. Uzun yazılardan kaçının .İçeriğiniz başlık,alt başlık ve listelerden oluşsun.İçerik ,okuyucu tarafından kolayca taranabilmeli ve istediğini rahatlıkla bulması sağlayın.
3.Okunaksız ve süslü bir yazı tipi kullanmayın.
4.Ufak yazı tiplerini kullanmayın.İçeriğiniz kolayca okunabilmelidir.
5. Sitenizden verilen linkleri yeni bir pencerede açmayın.Kontrolün kullanıcıda olmasını sağlayın.
6. Kullanıcının tarayıcı pencerisini yeniden boyutlandırmayın.Kontrolün kullanıcıda olmasını sağlayın.
7. Gerekli olmadıkça ziyaretçileri üye olmaları için zorlamayın.
8. Sitenize üye olan bir kullanıcıya otomatik olarak haber bildirimlerini göndermeyin.
9. Websitenizin yüklenişini geciktirmesi haricinde, Flash’ın aşırı kullanımı ziyaretçileri kızdırabilir.
10. Müzik kullanmayın.
11. Eğer bir audio dosya kullanmak zorundaysanız bunu ziyaretçinin başlatmasını sağlayın.
12. Sitenizi rozetlerle doldurmayın. Ağ(Network) ve Komünite rozetleri siteleri profosyonel olmayan bir görünüme sokarlar. Tanımlama ve ödül rozetlerini ise hakkımızda sayfasına yerleştirin.
13. Anasayfayı esas site arayüzünü başlatan sayfa olarak kullanmayın. İçeriğinize birkaç adımda ulaşılmasını sağlayın.
14. İletişim bilgilerini eklediğinizi emin olun.Aksi takdirde geribeslemeyi zaten kaybetmiş olursunuz.
15. Kullanabilirliğin temel bir ilkesi olan ‘’Geri’’ butonunu unutmayın.
16. Parıldayan link kullanmayın(bazı forumlarda mevcut).
17. Karışık URL yapılarından kaçının.
18. HTML tablolarında CSS kullanın.
19. Kullanıcılarınızın sitenizin tamamını araştırabildiğinden emin olun.
20. Açılır menülerden sakının.
21. Tekst yönlendirmeyi kullanın.
22. PDF dosyalarının linklerini açık olarak belirtin. Çünkü Acrobat Reader başlayana kadar belirli bir süre geçecek ve bu da ziyaretçiyi rahatsız edecektir.
23. Sitenizde bağlantı hızı, flash veya html seçenekleri sunarak ziyaretçinin kafasını karıştırmayın.
24. Adsense reklamlarını içeriğinize gömmek kısa vadede tıklanma oranınızı arttırabilir. Uzun vadede bu okuyucu kitlenizin azalmasına neden olacaktır. Kızmış bir ziyaretçi kaybedilmiş bir ziyaretçidir.
25. Basit bir navigasyon(yönlendirme,dolaşma) yapısına sahip olun. Ziyaretçiler istediklerine kolayca ulaşabilsin.
26. Giriş animasyonlarından sakının.
27. Frontpage kullanmayın. Bu tip HTML editörleri site oluşturmayı kolay hale getirirler fakat kod yönünden zayıf,diğer tarayıcılarla uyumsuz ve çeşitli hatalarla dolu sitelerin ortaya çıkmasına neden olurlar.
28. Sitenizin çapraz tarayıcı desteği(cross-browser) ile uyumlu olduğundan emin olun.
29. Linklere Çapa(Anchor) tekst dahil ettiğnizden emin olun.
30. Linklerinizi gizlemeyin(cloaking link). Ayrıca, kullanıcı tarayıcı durum çubuğunda linkin nereye gittiğini görebilmesini sağlayın.

31. Linkleri farkedilebilir yapın. Ziyaretçi hangisinin tıklanabilir hangisinin tıklanamaz olduğunu kolayca anlayabilmelidir. Linkleriniz yazıdan farklı bir renkte olduğuna emin olun. Linklerinizi altı çizili olarak da sunabilirsiniz.
32. Gerekli olmadıkça normal yazıyı altı çizili veya arka planı renkli olacak şekilde yayınlamayın.
33. Tıklanan linklerin renginin değişmesine dikkat edin.Bu sitenin kulllanılabilirliği açısından önemlidir.
34.Animated gif kullanmayın çünkü izleyicinin dikkatini dağıtırlar ve profosyonel olmayan bir görünüm sunarlar.
35. Resimler için ALT ve TITLE özniteliklerini(attribute) kullandığınızdan emin olun.
36. Uyumsuz ve göze batan renkler kullanmayın.
37. Beliren(pop-up) pencere veya mesaj kullanmayın.
38. Javascript linklerinden sakının. Bu linkler kullanıcı tıkladığında ufak bir js uygulamaya koyarlar. Kullanıcılar için sorun teşkil ettiklerinden dolayı kullanmayın.
39. Sayfa altlığına(footer) fonksiyonel linkler dahil edin. Buradan Anasayfaya ve İleitişim bölümüne link verebilirsiniz.

40. Uzun sayflardan dolayısıyla uzun yazılardan kaçının.Bunu yapmazsanız okuyucu yazınızın büyük kısmını atlayacaktır.
41.Yatay kaydırma(scrolling) kullanmayın. Dikey kaydırma kabul edilebilr ama yatay kaydırma hakkında aynı şey söylenemez.
42. Heceleme ve grammer hatası yapmamaya özen gösterin. Bu bir dizayn hatası değildir fakat toplamda bir sitenin kalitesini etkileyen önemli faktörlerden birtanesidir.
43. Captcha (Completely Automated Public Turing test to tell Computers and Humans Apart) kullanıyorsanız rakamların ve harflerin okunabilir olmasına dikkat edin.

Bu yazı yona 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

Etkili Logo Tasarımında Bilinmesi Gereken 5 Can Alıcı Nokta

yona — Tue, 29 Jan 2008 13:00:00 GMT

David Airey kişisel blogunda iyi logo kötü logo kavramına değinmiş ve gerçekten etkileyici bir logo yapmak için bize çok önemli 5 kural sıralamış.

Bu beş kuralın yanında bir logoyu en iyi yapan 4 değeri de listelemiş :

Akılda kalıcı olmalı
Konuyu açıklayıcı olmalı
Renkleri olmadan da etkileyici olmalı
Boyutlandırılabilir olmalı ( 1 inch büyüklüğünde bile etkileyici görünebilmeli )

4 altın kural

David Airey'in logo tasarımı için bilinmesi gereken programlardan tutun da daha önce tasarlanmış ve başarı yakalamış logolara kadar logo tasarımıyla ilgili pek çok konuya değindiği bu yazısını tasarımcıların kaçırmaması gerekiyor.

iyi kötü çirkin

Aynı blogda yer alan "bir logoyu iyi yapan nedir?" yazısının da mutlaka okunması gerekiyor

Bu yazı yona 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

Müzik korsanlığının sonu olabilir mi?

yona — Tue, 29 Jan 2008 16:56:00 GMT

Korsan müzik paylaşımıyla mücadeleye verilen on yıldan sonra, müzik firmaları en sonunda dinleyicilerin hep hayalini kurduğu sınırsız ve bedava müzik indirmenin önünü açtı.

qtrax player

Yıllarca P2P networklerle savaşan ve son yıllarda bu programları kullanarak müzik indirenleri mahkemeye veren hatta hapse attıran firmalar, sonunda kendi P2P networklerini kurarak, hep yok etmeye çalıştıkları olayın içine girmiş oldular!
QTRAX ismiyle başlayan serviste şu an için bedava ve yasal olarak indirebileceğiniz 25 milyondan fazla şarkı bulunuyor. EMI, Universal Music ve Warner Music gibi dev firmaların desteklediği sistem şu şekilde çalışıyor. Qtrax'a özel bir player yardımıyla dinlenen şarkılar, playerda yayınlanan reklamlar vasıtasıyla gelir elde edilmesini sağlıyor.
Qtrax'ın başkanı Allan Klepfisz şöyle diyor, " İnsanlar bedava müzik dinlemek istiyorlar ve bunun için korsan siteleri kullanmak istemiyorlar, umuyorum ki bu yasal müzik indirme platformunda bizim servisimizi kullanarak desteklerini göstereceklerdir."
Dinleyicileri rahatsız etmeyecek ölçüde ve sayıda reklam göstereceğini iddia eden Qtrax eğer başarılı olursa Apple'in itunes'u büyük darbe alabilir.
Qtrax bu gece yarısından itibaren download edilmeye başlanabilecek.

Bu yazı yona 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

Desen (pattern) siteleri

yona — Tue, 29 Jan 2008 20:39:00 GMT

web tasarımcılar için sıralandırılmış en iyi 10 ücretsiz desen (pattern) sitesi:

Din pattern:Tasarımını Evan Eckard’ın yaptığı sitedeki desenler başlangıçta hobi amaçlı iken zamanla profesyonel birer işe dönüşmüş.Dilerseniz sitedeki tamamı ücretsiz desenlerin ön izleme ile nasıl durduklarına bakabilir ve eğer beğenirseniz yükleyebilirsiniz.
Squidfingers:Profesyonel grafik tasarımcılar tarafından yıllar süren deneyimler sonucunda oluşturulan kaliteli ve kusursuz desenler,üstelik ücretsiz.
Kaliber 10000:Pixellerinize işleyecek!
Milleseicentopercento:Basit sayfa tasarımına tezat birbirinden güzel desenlerin yer aldığı güzel bir site.
Tile Machine:Kendi deseninizi oluşturup site üzerinde paylaşabileceğiniz eğlenceli bir site!
Everyday Icons:Flash ile hazırlanmış,kullanılabilirliği açısından listedeki en güzel site.(benim fikrim) Desenlerde en az site kadar harika!

everyday icons
Citrus Moon:2004’den beri hizmet veren,desenlerin renklere göre sınıflandırıldığı güzel bir desen sitesi.
Samurai Shizoo:her şeyden biraz!desenler,fırça setleri,arka plan resimleri,ikonlar ve daha fazlası…
Alice Grafixx:Tam 33 sayfalık bir desen arşivi.öyle ki ”aradığınızı burada bulamadıysanız başka yere bakmayın” diyebilecek kadar iddialılar.

alice-grafixx
Koller Media:Çizgili,noktalı,kirli,klasik,kareli,eğlenceli gibi isimler altında kategorilere ayrılmış incelenesi desen sitesi.
kaynak

Bu yazı yona 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