http://www.bildirgec.org/ tr-tr 40 bildirgec.org - enjoys - beğendikleri enjoys <p><a href="http://www.bildirgec.org/etiket/web-tasarım">Web tasarım</a>da ufak tefek işlerimizi halledebileceğimiz online uygulamalar <a href="http://www.smashapps.org/2009/11/10-best-online-web-design-tools.html">burada</a> derlenmiş. şimdi bu uygulamalarla neler yapabileceğimize göz atalım.</p> <p><strong>1- </strong><a href="http://www.dotemplate.com/">dotemplates</a>: <strong>Ücretsiz</strong> web şablonu(<a href="http://www.bildirgec.org/etiket/template">template</a>) indirme imkanı sağlayan dotemplate, tasarımda değiştirmek istediğiniz bölümleri online düzenleme imkanı sunuyor. <a href="http://www.bildirgec.org/etiket/tasarım">tasarım</a>ları gördüğünüzde düzenlemeye gerek duyar mısınız size kalmış.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/web-20design-20templates.jpg' alt="\"\"" border="0"><br></div><br><strong>2-</strong> <a href="http://www.yvoschaap.com/wpthemegen/">wordpress theme generator</a>: Eğer beğendiğiniz <a href="http://www.bildirgec.org/etiket/wordpress">wordpress</a> temasını bulamamışsanız, o zaman kolları sıvayıp wordpress theme generator ile tema oluşturmaya başlamalısınız.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/wordpress-theme-generator1.jpg' alt="\"\"" border="0"><br></div><br><!-- buradan kes --></p> <p><strong>3- </strong><a href="http://csstypeset.com/">csstypeset</a>: Web sitenizde metnin nasıl görünmesini istiyorsanız sol tarafta bulunan text alanına yazın, csstypeset size sağ tarafta <a href="http://www.bildirgec.org/etiket/css">css</a> kodunu oluştursun.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/css-editor.jpg' alt="\"\"" border="0"><br></div></p> <p><strong>4- </strong><a href="http://www.mycoolbutton.com/web-20-style-free-button-generator.php">web 2.0 button generator</a>: kolayca web sitenize şık <a href="http://www.bildirgec.org/etiket/buton">buton</a>lar oluşturmanızı sağlayan güzel bir uygulama.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/web-2-0-buttons.jpg' alt="\"\"" border="0"><br></div></p> <p><strong>5- </strong><a href="http://www.formstylegenerator.com/">form style generator</a>: web siteniz için şık görünümlü formlar oluşturabileceğiniz ücretsiz bir uygulama.metin, metin alanları ve düğmeleri bu araç ile kolaylıkla özelleştirebilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/form-generator.jpg' alt="\"\"" border="0"><br></div></p> <p><strong>6- </strong><a href="http://www.splashup.com/">splashup</a>:<a href="http://www.bildirgec.org/etiket/photoshop">photoshop</a> için harika online bir görüntü düzenleme aracıdır ve iyi bir alternatiftir. photoshop'un yapabileceği şeylerin çoğunu yapma yeteneğine sahiptir. splashup kullanımı kolaydır ve aynı zamanda aynı anda birden çok görüntüleri düzenleyebilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/image-editing.jpg' alt="\"\"" border="0"><br></div></p> <p><strong>7- </strong><a href="http://www.dagondesign.com/tools/favicon-generator-tool/">favicon generator</a>: sadece birkaç saniye içinde <a href="http://www.bildirgec.org/etiket/web-sitesi">web siteniz</a> için bir favicon oluşturma ve favicon olarak istediğiniz resim yükleme imkanı sağlar.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/favicon.jpg' alt="\"\"" border="0"><br></div></p> <p><strong>8- </strong><a href="http://www.colorsontheweb.com/colorwizard.asp">color wizard</a>:şaşırtıcı bir <a href="http://www.bildirgec.org/etiket/web-aracı">web aracı</a> ve online araçlarlar içerisinde işinizi çok kolaylaştıracak bir araçtır. Web sitenize sonradan ekleme yapıyorsanız ve renk eşleştirme konusunda çaresiz kalmışsanız kesinlikle kullanmalısınız.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/color-matching.jpg' alt="\"\"" border="0"><br></div></p> <p><strong>9- </strong><a href="http://www.emailmeform.com/">email me form</a>:web siteniz için programlama bilgisi gerektirmeyen online form editörüdür. formu zevkinize göre özelleştirerek web sitenize kolayca entegre edebilirsiniz. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/contact-from.jpg' alt="\"\"" border="0"><br></div></p> <p><strong>10- </strong><a href="http://www.logoease.com/LogoEase.aspx">logoease</a>: web siteniz, şirketiniz veya kişisel <a href="http://www.bildirgec.org/etiket/profesyonel-logolar">profesyonel logolar</a> oluşturmak için en kolay yol. site adı yazın renkleri seçin ve kategori için bir simge seçin kaydedin. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/logo-making.jpg' alt="\"\"" border="0"><br></div></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/enjoys">enjoys</a> tarafından <a href=" http://www.bildirgec.org/yazi/web-tasarim-icin-en-iyi ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Tue, 17 Nov 2009 11:07:00 GMT 227418@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/web-tasarim-icin-en-iyi enjoys <p><a href="http://www.bildirgec.org/ara/jquery">Jquery</a>'nin her geçen gün daha fazla popüler olması ile ses, kaliteli eklentiler ve <a href="http://www.bildirgec.org/ara/dersler">dersler</a> geliştiriciler için çok faydalı olmaktadır. İçerik sürgüsü (<a href="http://www.bildirgec.org/ara/content%20slider">content slider</a>) web sayfa veya blogunuzda küçük bir alan içerisinde içeriğinizi göstermek için harika bir çözümdür. Popüler web sitelerinde çeşitli içerik <a href="http://www.bildirgec.org/ara/slider">sürgü</a>leri yer almaktadır.</p> <p>Eğer sizde content slider ile ilgileniyorsanız bu yazı çok faydalı olacaktır.</p> 1. <strong>jFlow</strong> <ul> <li><a href="http://net.tutsplus.com/javascript-ajax/using-the-wonderful-jflow-plugin-screencast/">Resmi Website</a> | <a href="http://nettuts.s3.amazonaws.com/078_screencast2/jFlowTutorial/index.htm">Test</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/jflow.jpg' alt="\"\"" border="0"><br></div> <p>Çok düzgün fotoğraf sürgüsü.</p> 2. <strong>Create Featured Content Slider Using jQuery UI</strong> <ul> <li><a href="http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/">Resmi Website</a> | <a href="http://demo.webdeveloperplus.com/featured-content-slider/">Test</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/featured-content-slider-using-jquery-ui.jpg' alt="\"\"" border="0"><br></div> <p>Web sayfanızda en iyi içerikleri göstermek için kullanabileceğiniz bir uygulama.</p> <p><!-- buradan kes --></p> 3. <strong>Create Beautiful jQuery sliders tutorial</strong> <ul> <li><a href="http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html">Resmi Website</a> | <a href="http://dreamcss.comli.com/jquery sliders/">Demo</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/jquery-sliders.jpg' alt="\"\"" border="0"><br></div> <p>Bu eğitici derste ise güzel bir jquery sürgüsünün nasıl oluşturulduğu anlatılmaktadır.</p> 4. <strong>A Basic Content Slider With jQuery</strong> <ul> <li><a href="http://www.brenelz.com/blog/2009/03/31/build-a-content-slider-with-jquery/">Resmi Website</a> | <a href="http://ennuidesign.com/demo/contentslider/">Test</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/content-slider.jpg' alt="\"\"" border="0"><br></div> <p>Jquery kullanarak basit bir içerik sürgüsü oluşturmak.</p> 5. <strong>JC Play List</strong> <ul> <li><a href="http://www.jumpeyecomponents.com/Flash-Components/User-Interface/JC-Play-List-285/">Resmi Website</a> | <a href="http://www.jumpeyecomponents.com/Flash-Components/User-Interface/JC-Play-List-285/examples.htm">Test</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/jc-play-list.jpg' alt="\"\"" border="0"><br></div> <p>Ücretsiz ve kolay bir kullanıma sahip bir uygulamadır.</p> 6. <strong>Easy Slider</strong> <ul> <li><a href="http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding">Resmi Website</a> | <a href="http://cssglobe.com/lab/easyslider1.5/04.html">Test</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/easy-slider-jquery-plugin.jpg' alt="\"\"" border="0"><br></div> <p>Yatay ve dikey olarak görebilirsiniz.</p> 7. <strong>jqGalScroll</strong> <ul> <li><a href="http://benjaminsterling.com/jquery-jqgalscroll-photo-gallery/">Resmi Website</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/jqgalscroll.jpg' alt="\"\"" border="0"><br></div> <p>Dikey, yatay ve çapraz kaydırma oluşturur.</p> 8. <strong>Image Gallery</strong> <ul> <li><a href="http://enhance.qd-creative.co.uk/2008/07/12/an-image-gallery/">Resmi Website</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/my-first-gallery.jpg' alt="\"\"" border="0"><br></div> <p>Basit bir resim galerisidir.</p> 9. <strong>Making a Content Slider with jQuery UI</strong> <ul> <li><a href="http://net.tutsplus.com/tutorials/javascript-ajax/making-a-content-slider-with-jquery-ui/">Resmi Website</a> | <a href="http://nettuts.s3.amazonaws.com/377_slider/slider_sourcefiles/slider.html">Test</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/making-a-content-slider-with-jquery-ui1.jpg' alt="\"\"" border="0"><br></div> <p>Dan Wellman tarafından adım adım anlatılmış güzel bir ders.</p> 10. <strong>Creating a Slick Auto-Playing Featured Content Slider</strong> <ul> <li><a href="http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/">Resmi Website</a> | <a href="http://css-tricks.com/examples/FeaturedContentSlider/">Demo</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/screenshot00578.jpg' alt="\"\"" border="0"><br></div> <p>Chris Coyier tarafından yazılmış bu ders Coda Slider tabanlıdır.</p> 11. <strong>slideViewer</strong> <ul> <li><a href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html">Resmi Website</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/jquery-slideviewer.jpg' alt="\"\"" border="0"><br></div> <p>Sadece birkaç satır ile bir resim galerisi oluşturmanıza olanak sağlar.</p> 12. <strong>Start/Stop Slider</strong> <ul> <li><a href="http://css-tricks.com/startstop-slider/">Resmi Website</a> | <a href="http://css-tricks.com/examples/StartStopSlider">Test</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/start-stop-slider1.jpg' alt="\"\"" border="0"><br></div> 13. <strong>A Minimalist jQuery Plugin</strong> <ul> <li><a href="http://www.webdesignbooth.com/step-by-step-to-create-content-slider-using-jflow-a-minimalist-jquery-plugin/">Resmi Website</a> | <a href="http://demo.webdesignbooth.com/content-slider/">Test</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/jflow-a-minimalist.jpg' alt="\"\"" border="0"><br></div> <p>Basit bir şekilde içerik sürgüsü oluşturmayı açıklamaktadır.</p> 14. <strong>BarackSlideshow</strong> <ul> <li><a href="http://devthought.com/projects/mootools/barackslideshow/">Resmi Website</a> | <a href="http://devthought.com/wp-content/projects/mootools/barackslideshow/Demo/">Test</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/barackslideshow.jpg' alt="\"\"" border="0"><br></div> <p>Çok küçük ve hafif bir uygulamadır.</p> 15. <strong>Wordpress Theme using JQuery s3Slider</strong> <ul> <li><a href="http://www.tobacamp.com/tutorial/creating-featured-slider-in-wordpress-theme-using-jquery-s3slider/">Resmi Website</a> | <a href="http://www.serie3.info/s3slider/demonstration.html">Test</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/s3-slider.jpg' alt="\"\"" border="0"><br></div> <p>JQuery s3Slider kullanarak wordpress temasında içerik sürgüsü oluşturmak.</p> <p>ayrıca aşağıdaki yazılarda ilginizi çekebilir.</p> <ul> <li><a href="http://www.bildirgec.org/yazi/jquery-oyunlari-hafiza-tetris-bulmaca">Jquery Oyunları - Hafıza, Tetris, Bulmaca, Kağıt...</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/7-ilginc-jquery-takvim-eklentisi">7 İlginç Jquery Takvim Eklentisi</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/tasarimcilar-icin-faydali-28-jquery">Tasarımcılar İçin Faydalı 28 Jquery Eklentisi</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/flash-gibi-jquery-menu">Flash Gibi Jquery Menü</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/sitenize-eklemeniz-icin-5-jquery">Sitenize Eklemeniz İçin 5 Jquery ve Ajax Sosyal İmleme Widget Dersi</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/web-gelistiricileri-icin-8-jquery">Web Geliştiricileri İçin 8 Jquery ve ve Ajax Tabanlı Etiket Bulutu Yapımı</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/15-mukemmel-jquery-navigasyon-teknigi">15 Mükemmel Jquery Navigasyon Tekniği ve Çözümü</a></li> </ul> <p><strong>kaynak:</strong> <a href="http://visionwidget.com/inspiration/web/295-jquery-content-sliders.html">visionwidget.com</a></p> <p>yazılarımı takip edebilirsiniz.</p> <ul> <li><a href="http://lebron.bildirgec.org/">blog</a> | <a href="http://twitter.com/lebron5">twitter</a> | <a href="http://friendfeed.com/lebron5">friendfeed</a> | <a href="http://delicious.com/lebron5">delicious</a> | <a href="http://feeds.feedburner.com/lebron">rss</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/enjoys">enjoys</a> tarafından <a href=" http://www.bildirgec.org/yazi/ucretsiz-jquery-slider-icin-en ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Wed, 12 Aug 2009 14:48:00 GMT 219141@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/ucretsiz-jquery-slider-icin-en enjoys <div class="imajorta"><img src='http://www.bildirgec.org/imaj/AntiHumanIST/free-vector-art-15.jpg' alt="kim bir ferrari f430 istemez ki!" border="0"><br><a href="http://www.vecteezy.com/vf/456-Ferrari">kim bir ferrari f430 istemez ki!</a></div><br>serbest grafik tasarımcıları için trafik ve ün getiren profesyonel tasarımlar, tasarım bilmeyen ve satın alamayan diğer kullanıcılar için bedava birer kaynak olması açısından her zaman ilgi görmüştür. çeşitli yerlerde onlarca dolara alabileceğiniz ikon setleri ya da vektörel tasarımları kaynağından edinmek hem yasal olması hem de ücretsiz olmasıyla bizleri yeterince tatmin ediyor. işte sizlere vektörel ikon setleri ve tasarımlardan oluşan 25 ufak hediye. <p>illüstrator öğrenmek isteyenler için bir de şunu önermekte fayda var:<br><strong><a href="http://www.bildirgec.org/yazi/adobe-illustrator-icin-aciklamali-26">Adobe Illustrator için açıklamalı 26 kısayol</a></strong></p> <p>işte seçilenler:</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/AntiHumanIST/free-vector-art-1.jpg' alt="\"\"" border="0"><br></div><!-- buradan kes --><br><a href="http://www.smashingmagazine.com/2008/11/05/dressup-avatars-icon-set/">kostümlü ikon seti</a> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/AntiHumanIST/free-vector-art-3.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.smashingmagazine.com/2008/10/28/feed-me-animals-a-free-rss-feed-icon-set/">hayvanlı rss ikon seti</a> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/AntiHumanIST/free-vector-art-5.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.smashingmagazine.com/2008/10/09/finance-and-applications-a-free-icon-set/">para ve finansal ikon seti</a> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/AntiHumanIST/free-vector-art-11.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.vecteezy.com/vf/669-Night-Angels">gecenin melekleri</a> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/AntiHumanIST/free-vector-art-16.png' alt="\"\"" border="0"><br></div><br><a href="http://vector4free.com/vectors/id/119">ekoloji ikon seti</a> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/AntiHumanIST/free-vector-art-21.jpg' alt="\"\"" border="0"><br></div><br><a href="http://qvectors.com/vector-icons/vector-money-icons/">para para para ikon seti</a> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/AntiHumanIST/free-vector-art-24.jpg' alt="\"\"" border="0"><br></div><br><a href="http://qvectors.com/misc-vectors/dog-care-vector/">minik köpek ve takımı</a> <p>diğer hediyeleriniz <a href="http://www.youthedesigner.com/2008/11/10/25-free-vector-art-downloads/">burada</a>.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/enjoys">enjoys</a> tarafından <a href=" http://www.bildirgec.org/yazi/karma-sik-vektorel-kaynaklar ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Tue, 25 Nov 2008 12:25:00 GMT 201307@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/karma-sik-vektorel-kaynaklar enjoys <p><a href="http://dezignus.com/vector-sexy-lady/"><div class="imajorta"><img src='http://www.bildirgec.org/imaj/gooz/v3.JPG' alt="\"\"" border="0"><br></div></a></p> <p>Tasarımcıların, <a href="http://www.bildirgec.org/yazi/ofis-seklinde-tasarlanmis-web-siteleri">tasarım</a> yaparken ihtiyaç duydukları en önemli şeylerden biri de kaliteli ve işe yarar <a href="http://www.bildirgec.org/etiket/vekt%C3%B6r">vektör</a>ler. <a href="http://blogof.francescomugnai.com/2008/08/30-first-rate-vector-packs-take-them-theyre-free">Burada</a>, işinize yarayacağını düşündüğüm bedava 30 vektör paketi listelenmiş. Ayrıca <a href="http://dezignus.com/">bu sitede</a>de oldukça güzel vektör ve <a href="http://www.bildirgec.org/yazi/tuyler-urpertici-photoshop-dersleri">ps</a> fırçaları var.</p> <p>Vektörlerden bazıları şöyle:</p> <p><a href="http://www.diegomattei.com.ar/2008/07/10/logos-vectorizados-de-empresas-cinematograficas/"><div class="imajorta"><img src='http://www.bildirgec.org/imaj/gooz/v2.JPG' alt="\"\"" border="0"><br></div></a></p> <p><a href="http://www.vecteezy.com/vf/370-Silhouettes"><div class="imajorta"><img src='http://www.bildirgec.org/imaj/gooz/v6.JPG' alt="\"\"" border="0"><br></div></a></p> <p><a href="http://dezignus.com/vector-world-map/"><div class="imajorta"><img src='http://www.bildirgec.org/imaj/gooz/v10.jpg' alt="\"\"" border="0"><br></div></a></p> <p><a href="http://dezignus.com/sexy-girls2/"><div class="imajorta"><img src='http://www.bildirgec.org/imaj/gooz/v9.jpg' alt="\"\"" border="0"><br></div></a></p> <p><a href="http://qvectors.com/vector-swirls/swirly-curls/"><div class="imajorta"><img src='http://www.bildirgec.org/imaj/gooz/v1.JPG' alt="\"\"" border="0"><br></div></a></p> <p><a href="http://cjvirus.deviantart.com/art/Vector-Splat-Pack-v1-48616819"><div class="imajorta"><img src='http://www.bildirgec.org/imaj/gooz/v4.JPG' alt="\"\"" border="0"><br></div></a></p> <p><a href="http://gomedia.deviantart.com/art/Go-Media-Vector-Packs-48722189"><div class="imajorta"><img src='http://www.bildirgec.org/imaj/gooz/v5.JPG' alt="\"\"" border="0"><br></div></a></p> <p><a href="http://dezignus.com/animegirls/"><div class="imajorta"><img src='http://www.bildirgec.org/imaj/gooz/v7.JPG' alt="\"\"" border="0"><br></div></a></p> <p><a href="http://ahmedgalal.deviantart.com/art/Vector-Resource-1-Simpson-67885090"><div class="imajorta"><img src='http://www.bildirgec.org/imaj/gooz/v8.JPG' alt="\"\"" border="0"><br></div></a></p> <p>tamamı için <a href="http://blogof.francescomugnai.com/2008/08/30-first-rate-vector-packs-take-them-theyre-free">buradan</a> buyrun.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/enjoys">enjoys</a> tarafından <a href=" http://www.bildirgec.org/yazi/30-kaliteli-vektor-paketi ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Tue, 12 Aug 2008 10:27:00 GMT 201306@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/30-kaliteli-vektor-paketi enjoys <p>vektörel grafikler tasarımcıların hayatında önemli bir yere sahiptir. İnternet ortamında bulunan onlarca kaynağa rağmen mükemmel vektörler bulmak kolay bir iş değildir. <a href="http://dzineblog.com/2009/03/design-resource-25-best-sites-to-download-free-vector-files.html">Burada</a> tasarımcıların işini kolaylaştıracak 25 tane vektörel kaynak sıralanmış. Üstelik ücretsiz.<br><strong><br><a href="http://www.123vectors.com">123vectors</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/OFC/1.jpg' alt="123vectors" border="0"><br></div><br><strong><a href="http://qvectors.com/">Qvectors</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/OFC/2.jpg' alt="Qvectors" border="0"></strong><br>Qvectors</div><br><strong><a href="http://www.vecteezy.com/">vecteezy</a></strong></p> <p><!-- buradan kes --></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/OFC/3.jpg' alt="vecteezy" border="0"></strong><br>vecteezy</div><br><strong><a href="http://www.vectorvalley.com/">Vector Valley</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/OFC/4.jpg' alt="vector valley" border="0"><br>vector valley</div><br><strong><a href="http://vector4free.com/">Vector 4 Free</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/OFC/5.jpg' alt="vector 4 Free" border="0"><br>vector 4 Free</div><br><strong><a href="http://coolvectors.com/">Cool Vector</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/OFC/6.jpg' alt="cool vector" border="0"><br>cool vector</div><br><strong><a href="http://www.vectorart.org/">Vector Art</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/OFC/7.jpg' alt="vector art" border="0"><br>vector art</div><br><strong><a href="http://dezignus.com/category/vector/">Dezignus</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/OFC/8.jpg' alt="dezignus" border="0"><br>dezignus</div><br><strong><a href="http://www.vectorportal.com/">Vector portal</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/OFC/9.jpg' alt="vector portal" border="0"><br>vector portal</div><br><strong><a href="http://www.fordesigner.com/maps_list/list2-1.htm">For Designers</a><br></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/OFC/10.jpg' alt="for designers" border="0"><br>for designers</div><br><strong><a href="http://browse.deviantart.com/resources/vector/#order=9&q=vectors">DeviantART</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/OFC/11.jpg' alt="deviantART" border="0"><br>deviantART</div><br><strong><a href="http://www.vectorjunky.com/">Vector Junky</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/OFC/12.jpg' alt="vector junky" border="0"><br>vector junky</div><br><strong><a href="http://vector.tutsplus.com/category/freebies/">Vector tuts</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/OFC/13.jpg' alt="vector tuts" border="0"><br>vector tuts</div><br><strong><a href="http://www.gomediazine.com/category/freebies/">Gomedia Zine</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/OFC/14.jpg' alt="GoMedia Zine" border="0"><br>GoMedia Zine</div><br><strong><a href="http://www.bittbox.com/tag/vectors/">Bittbox</a></strong> <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/OFC/15.jpg' alt="Bittbox" border="0"><br>Bittbox</div><br><strong><a href="http://123freevectors.com/">123 free vectors</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/OFC/16.jpg' alt="123 Free Vectors" border="0"><br>123 Free Vectors</div><br><strong><a href="http://www.iheartvector.com/category/free/">I Heart Vector</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/OFC/17.jpg' alt="I Heart Vector" border="0"><br>I Heart Vector</div><br><strong><a href="http://www.keepdesigning.com/category/vectors/">Keep Designing</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/OFC/18.jpg' alt="keepdesigning" border="0"><br>keep designing</div><br><strong><a href="http://garcya.us/blog/category/vector-graphics/">Web Design Blog</a></strong> <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/OFC/19.jpg' alt="web design blog" border="0"><br>web design blog</div><br><strong><a href="http://hydro74.wordpress.com/category/free/">Hydro 74</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/OFC/20.jpg' alt="Hydro 74" border="0"><br>Hydro 74</div><br><strong><a href="http://vectorlady.com/">Vector Lady</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/OFC/21.jpg' alt="Vector Lady" border="0"><br>Vector Lady</div><br><strong><a href="http://www.vectorsworkshop.com/">Vector Workshop</a></strong> <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/OFC/22.jpg' alt="Vector Workshop" border="0"><br>Vector Workshop</div><br><strong><a href="http://www.uberpiglet.com/category/vectors/">Vector Magic</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/OFC/23.jpg' alt="Vector Magic" border="0"><br>Vector Magic</div><br><strong><a href="http://www.freevectors.net/">Free Vectors</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/OFC/24.jpg' alt="Free Vectors" border="0"><br>Free Vectors</div><br><strong><a href="http://www.vectorjungle.com/">Vector Jungle</a></strong> <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/OFC/25.jpg' alt="Vector Jungle " border="0"><br>Vector Jungle </div><br><a href="http://dzineblog.com/2009/03/design-resource-25-best-sites-to-download-free-vector-files.html">Kaynak : Dzineblog</a><p>Bu yazı <a href="http://www.bildirgec.org/uye/enjoys">enjoys</a> tarafından <a href=" http://www.bildirgec.org/yazi/25-ucretsiz-vektor-kaynagi ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Tue, 17 Mar 2009 19:15:00 GMT 201305@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/25-ucretsiz-vektor-kaynagi enjoys <div class="imajsag"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-00.jpg' alt="\"\"" border="0"><br></div>Aslında ilk olarak bir <a href="http://www.bildirgec.org/etiket/web-tasarım/" title="Etiket: Web Tasarım">web tasarım</a> projesi için kendime sade bir görsel <a href="http://www.bildirgec.org/etiket/gallery/">galerisi</a> çö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. <p><strong><em>AJAX, JavaScript (jQuery, mooTools), Lightbox Tabanlı Galeriler</em></strong></p> <p><strong>1. <a href="http://smoothgallery.jondesign.net/">Jon Design's SmoothGallery</a></strong><br>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.</p> <p>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.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-01.jpg' alt="SmoothGallery" border="0"><br>SmoothGallery</div> <p><!-- buradan kes --></p> <p><strong>2. <a href="http://minishowcase.net/">MiniShowcase Gallery</a></strong><br>MiniShowcase küçük ve sade bir PHP/JavaScript tabanlı çevrimiçi fotoğraf galerisi olup, AJAX desteği sayesinde herhangi karmış bir veritabanı ya da kod kullanmadan görsellerinizi çevrimiçi ortamda paylaşabilmenizi sağlıyor. Bu betik aracılığı ile sadece birkaç dakika içerisinde çalışır bir galeriniz olacaktır.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-02.jpg' alt="MiniShowcase Gallery" border="0"><br>MiniShowcase Gallery</div> <p><strong>3. <a href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html">jQuery SlideViewer</a></strong><br>SlideViewer'ın dosya boyutu sadece 1.5KB. Bir jQuery eklentisi olan bu uygulama sadece birkaç satır HTML kodu yazarak görsel galerileri oluşturabilminizi sağlıyor. SlideViewer listenizde kullandığınız görselleri otomatik olarak sayıyor ve kullanılabilecek bağlantıları otomatik olarak oluşturuyor. Ayrıca her bir görsel üzerine tıklandığında otomatik olarak bir sonraki görsele geçiş yapılıyor. Sade ve kullanışlı.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-03.jpg' alt="jQuery SlideViewer" border="0"><br>jQuery SlideViewer</div> <p><strong>4. <a href="http://devkick.com/lab/galleria/">DevKick Galleria</a></strong><br>Galleria bir JavaScript görsel galerisi olup jQuery kullanmaktadır. Görselleri sırasız liste üzerinden yüklüyor ve yüklenen her bir görselin önizleme resmini görüntülüyor. Eğer dilerseniz görsellerin önizleme resimlerini otomatik olarak oluşturabilen bu betik, önizleme resimlerinin oluşturulmasında da orantılı/orantısız, ortalanmış ya da kırpılmış gibi seçenekleri de size sunuyor ve ilgili önizleme resmini CSS ile tanımlanmış sabit önizleme kutusunun içerisine yerleştiriyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-04.jpg' alt="DevKick Galleria" border="0"><br>DevKick Galleria</div> <p><strong>5. <a href="http://www.zenphoto.org/">ZenPhoto</a></strong><br>ZenPhoto çevrimiçi galeri ihtiyacında olan kullanıcıların pek çok sorununu giderebilecek kapasitede bir betik. Karmaşık olmaktan ziyade sadece görselleri görüntülemeye odaklanan bu betiğin geliştiricileri, bir çevrimiçi galeriden beklenen herşeyi yapabildiklerini ancak bunu oldukça sade bir arabirim üzerinden görüntüleyebildiklerine dikkat çekiyorlar. Galerinin özellik listesi bir hayli uzun. Sitelerinden kontrol etmeyi ihmal etmeyin.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-05.jpg' alt="ZenPhoto" border="0"><br>ZenPhoto</div> <p><strong>6. <a href="http://www.huddletogether.com/projects/lightbox2/">Lightbox 2</a></strong><br>Lightbox sade ve rahatsız etmeyen bir betik olup görselleri sayfanın üzerinde ön plana çıkararak gösterebilen bir betik. Kurulumu oldukça basit ve tüm modern tarayıcılar üzerinde çalışıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-06.jpg' alt="Lightbox 2" border="0"><br>Lightbox 2</div> <p><strong>7. <a href="http://visuallightbox.com/">Visual Lightbox</a></strong><br>VisualLightbox ücretsiz bir sihirbaz program olup web fotoğraf galerilerini, tek bir satır kod yazmadan oluşturabilmenizi sağlıyor. Program, popüler Lightbox 2 betiğini kullanıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-07.jpg' alt="Visual Lightbox" border="0"><br>Visual Lightbox</div> <p><strong>8. <a href="http://nettuts.com/tutorials/javascript-ajax/create-a-spectacular-photo-gallery-with-mootools/">Photo Gallery with mooTools</a></strong><br>Tümüyle detaylandırılmış ders niteliğinde açıklamasının yanısıra pek çok görseli görüntüleyebilecek muhteşem bir fotoğraf galerisi.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-08.jpg' alt="Photo Gallery with mooTools" border="0"><br>Photo Gallery with mooTools</div> <p><strong>9. <a href="http://orangoo.com/labs/GreyBox/">Grey Box</a></strong><br>GreyBox, web siteleri, görseller ve diğer içeriği güzel bir şekilde görüntüleyebilmenizi sağlayan bir betik. Kullanımı oldukça kolay olan bu betik ile tam ekran web siteleri, görsel galerileri kullanabilirsiniz. Betik, pop-up engelleyicileri tarafından etkilenmiyor ve sadece 22KB dosya boyutuna sahip.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-09.jpg' alt="Grey Box" border="0"><br>Grey Box</div> <p><strong>10. <a href="http://slideshow.triptracker.net/">TripTracker</a></strong><br>TripTracker slayt gösterisi küçük boyutlu bir JavaScript görsel görüntüleyicisi olup animasyonlu slayt gösterisi özelliğine sahip.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-10.jpg' alt="TripTracker" border="0"><br>TripTracker</div> <p><strong>11. <a href="http://qgallery.quadrifolia.de/">qGallery</a></strong><br>qGallery kullanması kolay, prototype tabanlı bir galeri betiği. Tüm görsel işleme süreci betik tarafından gerçekleştirildiği için sunucunuza gönderdiğiniz görseller için endişelenmenize gerek yok. Tüm görseller sunucunun geçici depolama alanında depolandığı için sunucuya da fazladan bir yük bindirmiyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-11.jpg' alt="qGallery" border="0"><br>qGallery</div> <p><strong>12. <a href="http://nettuts.com/javascript-ajax/using-the-wonderful-jflow-plugin-screencast/">jFlow Gallery</a></strong><br>jFlow eklentisini kullanarak kendi galerinizi nasıl oluşturabileceğinizi gösteren bir rehber ve açıklama.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-12.jpg' alt="jFlow Gallery" border="0"><br>jFlow Gallery</div> <p><strong>13. <a href="http://www.efectorelativo.net/laboratory/noobSlide/">noobSlide</a></strong><br>Görsellerinizi mooTools kullanarak 8 farklı şekilde görüntüleyebileceğiniz bir betik. Ne yazık ki betik hakkında herhangi bir belgeleme bulunmuyor ancak kaynak kodunu incelediğinizde kullanımının ne kadar kolay olduğunu göreceksiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-13.jpg' alt="noobSlide" border="0"><br>noobSlide</div> <p><strong>14. <a href="http://eyecon.ro/spacegallery/">Spacegallery jQuery Eklentisi</a></strong><br>Görsellerinizi görüntüleyebilmenin bir diğer yolu.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-14.jpg' alt="Spacegallery jQuery Eklentisi" border="0"><br>Spacegallery jQuery Eklentisi</div> <p><strong>15. <a href="http://malsup.com/jquery/cycle/">jQuery Cycle Plugin</a></strong><br>jQuery Cycle eklentisi küçük boyutlu bir slayt gösterisi eklentisi. Fare imlecinin görsel üzerine getirildiğinde animasyonun duraklatılması, otomatik durdurma, otomatik sığdırma, önceki/sonraki bağlantları, tıklama önleyicileri ve pek çok geçiş efekti için destek içeriyor. Eklenti ayrıca Metadata ve Easing eklentilerini de destekliyor ancak bu eklentileri kullanmak zorunda değilsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-15.jpg' alt="jQuery Cycle Plugin" border="0"><br>jQuery Cycle Plugin</div> <p><strong>16. <a href="http://jqueryfordesigners.com/demo/slider-gallery.html">Slider Gallery</a></strong><br>Bu 'ürün kaydırıcısı' sade bir galeriye benziyor ancak onun yerine öğreler arasında gezinmek için kaydırıcıyı kullanıyor. jQuery eklentilerini kullanan sade bir uygulama.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-16.jpg' alt="Slider Gallery" border="0"><br>Slider Gallery</div> <p><strong>17. <a href="http://www.no-margin-for-errors.com/projects/prettyPhoto/">PrettyPhoto</a></strong><br>jQuery Lightbox kopyası olan bu uygulama orjinal Lightbox uygulamasına benziyor ancak ona birkaç yeni özellik ekliyor ve tam belgelenmiş kod gibi avantajlar içeriyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-17.jpg' alt="PrettyPhoto" border="0"><br>PrettyPhoto</div> <p><strong>18. <a href="http://www.no-margin-for-errors.com/projects/prettyGallery/">Pretty Gallery</a></strong><br>Fotoğraflarınızı jQuery kullanarak gösterebilmenin bir diğer yolu.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-18.jpg' alt="Pretty Gallery" border="0"><br>Pretty Gallery</div> <p><strong>19. <a href="http://www.puidokas.com/portfolio/frogjs/">FrogJS</a></strong><br>FrogJS sade, rahatsız etmeyen bir javaScript galerisi. Lightbox JS gibi örneklerin yerine kullanabileceğiniz bir uygulama olmasa da galerileri görüntülemek için bir başka yöntemi kullanıyor. Özellikle her bir görsel için bir sayfanın kullanıldığı galeriler ve fotoromanlar için ideal.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-19.jpg' alt="FrogJS" border="0"><br>FrogJS</div> <p><strong>20. <a href="http://www.twospy.com/galleriffic/">Galleriffic</a></strong><br>Hızlı işleyen fotoğraf galerilerini işlemek için kullanılabilecek bir jQuery eklentisi. Galleriffic Mike Alsup'un Cycle eklentisinden esinlenmiş ancak daima yüksek performansı göz önünde bulundurarak özellikle çok sayıda fotoğrafın sorunsuz bir şekilde görüntülenebilmesi için optimize edilmiş.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-20.jpg' alt="Galleriffic" border="0"><br>Galleriffic</div> <p><strong>21. <a href="http://designshack.co.uk/news/pirobox-jquery-lightbox">Pirobox jQuery Eklentisi</a></strong><br>Özellikle son birkaç aydır görsellerin web siteleri üzerinde görüntülenmesi için kullanılan Lightbox betikleri çok popüler hale geldiler. Piyasada bu tip betiklerden onlarcası mevcut ve bunlar farklı çatıları ya da kodlama dillerini kullanıyorlar. DesignShack bu listeye bir yenisini ekliyor. Bu betiğin tasarımı ve geliştirilmesi Diegro Valobra tarafından yapılmış.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-21.jpg' alt="Pirobox jQuery Eklentisi" border="0"><br>Pirobox jQuery Eklentisi</div> <p><strong>22. <a href="http://www.electricprism.com/aeron/slideshow/">Slideshow 2</a></strong><br>Slideshow 2, mooTools 1.2 için bir JavaScript sınıfı olup web sitenizdeki görsellerin sunumunu hareketli hale getiriyor. Yukarıdaki bağlantı üzerinde ilgili eklentinin farklı kullanım şekilleri örneklendirilmiş. Eklentinin kullanım bilgisi için sayfanın kaynak kodunu incelemeniz yeterli.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-22.jpg' alt="Slideshow 2" border="0"><br>Slideshow 2</div> <p><strong>23. <a href="http://ptflickrgallery.sourceforge.net/web/index.html">jQuery Flickr Galerisi</a></strong><br>FlickrGallery bir jQuery eklentisi olup Flickr fotoğraflarınızın web sitenize dahil edilebilmesini sağlıyor. Eklenti bir galeriyi Flickr'ın kolleksiyonlarına benzer albümler olarak nitelendiriyor. Albümler ise fotoğraf setlerini içeriyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-23.jpg' alt="jQuery Flickr Galerisi" border="0"><br>jQuery Flickr Galerisi</div> <p><strong>24. <a href="http://scriptandstyle.com/automatically-generate-a-photo-gallery-from-a-directory-of-images">Otomatik Oluşturan Galeri</a></strong><br>Bu galeri sizin belirleyeceğiniz bir klasör içerisindeki görselleri otomatik olarak tarayıp galeri oluşturuyor. Galerinize yeni resimler eklemek ya da resimleri çıkarmak için tek yapmanız gereken sunucudan görsellerin bulunduğu klasöre müdahale etmek. Bu güzel özellik PHP kullanılarak mümkün hale getirilmiş.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-24.jpg' alt="Otomatik Oluşturan Galeri" border="0"><br>Otomatik Oluşturan Galeri</div> <p><strong>25. <a href="http://opiefoto.com/articles/photoslider#example">Photo Slider</a></strong><br>Başlat/Duraklat düğmelerini içeren ve jQuery kullanarak nasıl bir fotoğraf slayt gösterisi oluşturabileceğinizi anlatan bir rehber.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-25.jpg' alt="Photo Slider" border="0"><br>Photo Slider</div> <p><strong>26. <a href="http://www.leigeber.com/2008/12/javascript-slideshow/">JavaScript Tiny Slideshow</a></strong><br>Bu dinamik JavaScript slayt gösterisinin dosya boyutu sadece 5KB.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-26.jpg' alt="JavaScript Tiny Slideshow" border="0"><br>JavaScript Tiny Slideshow</div> <p><strong>27. <a href="http://www.serie3.info/s3slider/index.php">S3Slider jQuery Eklentisi</a></strong><br>Üç farklı özelliğe ve slayt gösterim yöntemine sahip bir jQquery slayt gösterisi eklentisi. Kod iyi bir şekilde kullanmış ve ileri seviyede özelleştirilebilir. <em>Bu örneği ben bugüne kadar geliştirdiğim bazı projelerde kullandım ve şimdiye kadar bir sorun yaşamadım. Denemenizi öneririm.</em></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-27.jpg' alt="S3Slider jQuery Eklentisi" border="0"><br>S3Slider jQuery Eklentisi</div> <p><strong>28. <a href="http://www.agilegallery.com/ajax-photo-gallery.html">AJAX Photo Gallery</a></strong><br>AgileGallery'nin AJAX sürümü ücretsiz bir <em>AJAX Fotoğraf Galerisi</em> olup Google'nin ücretsiz Picasa uygulaması üzerinden alacağınız XML dosyasından aldığı tüm bilgileri web tabanlı bir galeri haline getiriyor. Uygulama tamamen AJAX tabanlı olduğundan resimler arasında gezinirken sayfanın yeniden yüklenmesine gerek kalmıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-28.jpg' alt="AJAX Photo Gallery" border="0"><br>AJAX Photo Gallery</div> <p><strong>29. <a href="http://mondaybynoon.com/2007/02/19/suckerfish-hoverlightbox-redux/">Suckerfish HoverLightbox Redux</a></strong><br>Kullanışlı bir JavaScript / CSS tabanlı görsel galerisi olup Lightbox'un bir başka sürümünü içeriyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-29.jpg' alt="Suckerfish HoverLightbox Redux" border="0"><br>Suckerfish HoverLightbox Redux</div> <p><strong>30. <a href="http://www.phatfusion.net/slideshow/">PhatFusion Slideshow</a></strong><br>Çeşitli geçiş, döndürme, kaydırma efektleri içeren etkileşimli bir JavaScript mooTools galerisi.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-30.jpg' alt="PhatFusion Slideshow" border="0"><br>PhatFusion Slideshow</div> <p><strong>31. <a href="http://highslide.com/">HighSlide JS</a></strong><br><em>Highslide JS</em> açık kaynaklık bir JavaScript yazılımı olup Web 2.0 yaklaşımını pop-up pencerelere uygulayabiliyor. Önizleme görsellerini ve HTML açılır pencerelerini web sayfaları üzerinde kullanabilmenizi sağlıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-31.jpg' alt="HighSlide JS" border="0"><br>HighSlide JS</div> <p><strong>32. <a href="http://mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/">SlideFlow AJAX Image Gallery</a></strong><br>Görsellerinizi web siteniz üzerinde kullanışlı bir şekilde gösterebilmek için, tam ekran desteği de bulunan bu slayt gösterisini kullanabilirsiniz. Fotoğraflar ve başlıklar XML dosyası üzerinden okunurken önizleme resimleri pakete dahil edilmiş olan Photoshop eylemleri kullanılarak önceden oluşturulabilir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-32.jpg' alt="SlideFlow AJAX Image Gallery" border="0"><br>SlideFlow AJAX Image Gallery</div> <p><strong>33. <a href="http://devthought.com/barackslideshow-an-elegant-lightweight-slideshow-script/">Barack SlideShow</a></strong><br>Kullanışlı ve küçük dosya boyutuna sahip bir slaytgösterisi JavaScript betiği.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-33.jpg' alt="Barack SlideShow" border="0"><br>Barack SlideShow</div> <p><strong>34. <a href="http://www.mind-projects.it/projects/jqzoom/">JQZoom Evolution</a></strong><br>JQZoom, JavaScript ile hazırlanmış bir görsel büyüteci olup popüler JavaScript çatısı jQuery üzerinde geliştirilmiştir. JQZoom, özellikle web sitelerinin dilediğiniz bir bölümünü büyüterek göstermek isteyen kullanıcılar için ideal.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-34.jpg' alt="JQZoom Evolution" border="0"><br>JQZoom Evolution</div> <p><strong>35. <a href="http://www.openstudio.fr/jQuery-Multimedia-Portfolio.html?lang=en">jQuery Multimedia Portfolio</a></strong><br>jQuery için geliştirilen bu eklenti medya dosyalarının uzantısını otomatik olarak algılıyor ve ona uygun yürütücüyü yüklüyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-35.jpg' alt="jQuery Multimedia Portfolio" border="0"><br>jQuery Multimedia Portfolio</div> <p><strong>36. <a href="http://www.openstudio.fr/jQuery-spherical-panorama-viewer.html?lang=en">jQuery Küresel Panaroma Görüntüleyicisi</a></strong><br>Küresel panaromalar görüntülemek için kullanılabilecek bir JavaScript görüntüleyicisi. Java ve QuickTime teknolojilerine bir alternatif.</p> <p><strong>37. <a href="http://www.openstudio.fr/jQuery-virtual-tour.html?lang=en">jQuery Sanal Gezinti</a></strong><br>Basi panaroma görüntüleyicisi için bir eklenti olan bu kod sayesinde jQuery desteği sayesinde panaromik görüntülerinizi sanal gezinti uygulamalarına dönüştürebilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-37.jpg' alt="jQuery Sanal Gezinti" border="0"><br>jQuery Sanal Gezinti</div> <p><strong>38. <a href="http://www.artviper.net/test/ajaxslide/index2.html">mooSlideBox</a></strong><br>mooSlideBox küçük ve zarif, AJAX tabanlı bir uzantı olup günümüzün tüm popüler web uygulamalarının neredeyse tamamında bulabileceğiniz "Lightbox"a bir alternatif teşkil ediyor. Bu Lightbox kopyası IE6/7, Opera ve Firefox üzerinde çalışıyor ve mooTools sürüm 1.11 kullanıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-38.jpg' alt="mooSlideBox" border="0"><br>mooSlideBox</div> <p><strong>39. <a href="http://benjaminsterling.com/jquery-jqgalscroll-photo-gallery/">jqGalScroll</a></strong><br>jQuery Gallery Scroller (jqGalScroll= bir dizi görseli alıyor ve dikey, yatay ya da diagonal olarak ilgili görseleri sırasıyla görüntülüyor. Eklenti ayrıca görsellerinizi sayfalara ayırarak ziyaretçilerinizin görseller arasında gezinebilmelerini de sağlıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-39.jpg' alt="jqGalScroll" border="0"><br>jqGalScroll</div> <p><strong>40. <a href="http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/">Featured Content Slider</a></strong><br>Kendi başına çalışır "öne çıkarılan başlıklar" uygulaması oluşturabilmenizi sağlayacak bir rehber.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-40.jpg' alt="Featured Content Slider" border="0"><br>Featured Content Slider</div> <p><strong>41. <a href="http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider">Easy Slider jQuery Plugin</a></strong><br>Easy Slider görsellerin ya da diğer herhangi bir içerik türünün dikey ya da yatay olarak kaydırılabilmesini sağlıyor. Uygulamanın ayarları tamamen CSS üzerinden yapılabildiğinden sizin tek yapmanız gereken eklenti dosyasını sitenize dahil etmek, içeriği eklemek ve ardından CSS kullanarak uygulamayı stillemek.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-41.jpg' alt="Easy Slider jQuery Plugin" border="0"><br>Easy Slider jQuery Plugin</div> <p><strong>42. <a href="http://www.leigeber.com/2008/05/ajax-image-gallery-slideshow/">Dynamic Image Gallery Slideshow</a></strong><br>Bu son derece hafif olan JavaScript görsel galerisi ve slayt gösterisi betiğinin dosya boyutu sadece 3KB ve pek çok güzel özelliği içeriyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-42.jpg' alt="Dynamic Image Gallery Slideshow" border="0"><br>Dynamic Image Gallery Slideshow</div> <p><strong><em>CSS Tabanlı Galeriler</em></strong></p> <p><strong>43. <a href="http://sonspring.com/journal/hoverbox-image-gallery">Hoverbox Image Gallery</a></strong><br>Sadece 8KB dosya boyutuna sahip bu uygulamanın dosya boyutu sadece 8KB ve tümüyle CSS tabanlı.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-43.jpg' alt="Hoverbox Image Gallery" border="0"><br>Hoverbox Image Gallery</div> <p><strong>44. <a href="http://www.cssplay.co.uk/menu/gallery3l.html">Sliding Photograph Galleries</a></strong><br>Bu galeri bugüne kadar gördüğünüz en küçük dosya boyutuna sahip galerilerden biri. Normalde dikey olarak dizilen sırasız liste içeren bu galeri, kullanılan CSS yardımıyla 8:1 oranında daha az alan kaplayabiliyor. Herhangi bir önizleme resmine ihtiyacınız yok zira tüm resimler önceden yükleniyor. Kullanılan bu metod aşağıda gösterildiği gibi hem dikey, hem de yatay olarak kullanılabilir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-44.jpg' alt="Sliding Photograph Galleries" border="0"><br>Sliding Photograph Galleries</div> <p><strong>45. <a href="http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/">CSS Görsel Galerisi</a></strong><br>Tümüyle CSS tabanlı olan bu galeri önizleme resimlerinin üzerine fare imleci getirildiğinde resmin orjinal boyutunu otomatik olarak gösterebiliyor. Tümüyle CSS kullanılarak geliştirilmiş olan bu galeri, IE6+, Firefox ve Opera 8 destekliyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-45.jpg' alt="CSS Görsel Galerisi" border="0"><br>CSS Görsel Galerisi</div> <p><strong>46. <a href="http://www.cssplay.co.uk/menu/slide_show.html">Cross Browser CSS Slideshow</a></strong><br>Sadece CSS kullanılarak geliştirilmiş bir diğer slayt gösterisi uygulaması.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-46.jpg' alt="Cross Browser CSS Slideshow" border="0"><br>Cross Browser CSS Slideshow</div> <p><strong>47. <a href="http://www.cssplay.co.uk/menu/lightbox.html">Cross Browser Multi-Page Photograph Gallery</a></strong><br>Suckerfish HoverLightbox baz alınarak geliştirilmiş olan bu uygulama çoklu sayfa anahat sistemine sahip ancak metin yerine görsel kullanıyor. Suckerfish HoverLightbox'un aksine bu uygulama herhangi bir JavaScript kullanmamasına rağmen IE 5.5 ve üzeri tarayıcılarda sorunsuz çalışıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-47.jpg' alt="Cross Browser Multi-Page Photograph Gallery" border="0"><br>Cross Browser Multi-Page Photograph Gallery</div> <p><strong>48. <a href="http://www.webdesignerwall.com/tutorials/css-decorative-gallery/">CSS Decorative Gallery</a></strong><br>Güzel bir dekoratif CSS galerisi dersi. Bu ders sayesinde görsellerinizi ve fotoğraf galerilerinizi kaynak görselleri düzenlemeden nasıl daha güzel bir şekilde görüntüleyebileceğinizi öğrenebilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-48.jpg' alt="CSS Decorative Gallery" border="0"><br>CSS Decorative Gallery</div> <p><strong><em>Flash Tabanlı Galeriler</em></strong> <p><strong>49. <a href="http://www.webdesignerwall.com/tutorials/parallax-gallery/">Flash Parallax Gallery</a></strong><br>Paradox kaydırma günümüz 2B animasyonlarında ve oyunlarda çok sık bir şekilde kullanılmaktadır. Bu tip uygulamalarda arkaplan ve önplan görselleri farklı hızlarda kayarak uygulamaya derinlik katmaktadırlar. Bu derinlik, arkaplan görsellerinin önplan görsellerinden daha yavaş bir şekilde hareket etmesiyle sağlanıyor. Özellike portfolyonuzu yaratıcı ve özgün bir şekilde görüntüleyebilmek için kullanabileceğiniz harika bir rehber. Kesinlikle bir göz atılmalı!</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-49.jpg' alt="Flash Parallax Gallery" border="0"><br>Flash Parallax Gallery</div> <p><strong>50. <a href="http://www.flash-gallery.org/">Flash Gallery</a></strong><br><em>Flash Gallery</em> ücretsiz bir uygulama olup web sitelerinize kolayca ve hızlıca slayt gösterileri ekleyebilmenizi sağlıyor. Uygulamayı kullanabilmek için herhangi bir programlama bilgisine ihtiyacınız olmayacak. Tek yapmanız gereken betiği sitenize yüklemek. Ardından betik isterseniz görsellerin yer aldığı bir klasör üzerinden ya da Flickr resim akışından resimleri alarak onları otomatik olarak bir slayt gösterisi haline dönüştürüyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-50.jpg' alt="Flash Gallery" border="0"><br>Flash Gallery</div> <p><strong>51. <a href="http://www.airtightinteractive.com/simpleviewer/">SimpleViewer</a></strong><br><em>SimpleViewer</em> ücretsiz, sade ve özelleştirilebilir bir Flash görsel görüntüleme uygulamasıdır.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-51.jpg' alt="SimpleViewer" border="0"><br>SimpleViewer</div> <p><strong>52. <a href="http://www.flashmo.com/preview/flashmo_098_3d_curve_wall">3B Eğri Duvar</a></strong><br>Flash tabanlı 3B eğriler oluşturabileceğiniz, Flashloaded sürümüne benzer bir uygulama ancak bu sürüm ücretsiz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-52.jpg' alt="3B Eğri Duvar" border="0"><br>3B Eğri Duvar</div> <p><strong>53. <a href="http://www.dezinerfolio.com/2007/06/07/dfgallery/">dfGallery</a></strong><br>dfGallery uygulaması görüp görebileceğiniz en başarılı galeri uygulamalarından biri.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-53.jpg' alt="dfGallery" border="0"><br>dfGallery</div> <p><strong>54. <a href="http://www.flashmo.com/preview/flashmo_094_spiral_carousel_xml">Spiral Carrousel XML</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-54.jpg' alt="Spiral Carrousel XML" border="0"><br>Spiral Carrousel XML</div> <p><strong>55. <a href="http://www.no3dfx.com/polaroid/">Polaroid Gallery</a></strong><br>Polaroid Gallery ücretsiz ve açık kaynaklı bir Flash galeri uygulaması. Betik, görsel başlıklarını ve görsellerin kendisini dinamik olarak harici bir XML dosyasından ya da Flickr RSS beslemesi üzerinden alabiliyor. Ardından betik, aldığı veriyi işliyor ve etkileşimli bir flash galerisi oluşturuyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-55.jpg' alt="Polaroid Gallery" border="0"><br>Polaroid Gallery</div> <p><strong>56. <a href="http://www.airtightinteractive.com/projects/tiltviewer/">TiltViewer</a></strong><br>TiltViewer ücretsiz ve özelleştirilebilir 3B Flash görsel görüntüleme uygulamasıdır.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-56.jpg' alt="TiltViewer" border="0"><br>TiltViewer</div> <p><strong><em>Diğer</em></strong></p> <p><strong>57. <a href="http://www.dynamicdrive.com/dynamicindex4/">DynamicDrive</a></strong><br>Ve son olarak eğer yukarıdaki 56 galeri ihtiyacınıza cevap vermiyorsa ya da bu galeriler size yetmiyorsa, o zaman DynamicDrive.com web sitesi üzerinde bulunan diğer onlarca galeri uygulamasını deneyebilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-57.jpg' alt="DynamicDrive" border="0"><br>DynamicDrive</div> <p><em>Eğer kullandığınız ve yukarıda yer almayan bir galeri uygulaması biliyorsanız o zaman yorumlarınızda ilgili galeriye bir bağlantı vererek bu listenin gelişmesine katkıda bulunabilirsiniz.</em></p> <ul> <li><div class="imajsag"><a href="http://pinkfloyd.bildirgec.org/rss.xml"><img src='http://www.bildirgec.org/imaj/pinkfloyd/pinkfloyd-rss.jpg' alt="\"\"" border="0"><br></a></div><strong>Kaynak</strong>: <a href="http://www.1stwebdesigner.com/resources/57-free-image-gallery-slideshow-and-lightbox-solutions/">1stwebdesigner</a></li> <li><strong><a href="http://pinkfloyd.bildirgec.org/rss.xml">Yazılarımı RSS Üzerinden Takip Edin</a></strong></li> <li><strong><a href="http://twitter.com/pinkfloyd">@pinkfloyd twitter</a></strong></li> <li><strong><a href="http://pinkfloyd.bildirgec.org/">pinkfloyd köşesi</a></strong></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/enjoys">enjoys</a> tarafından <a href=" http://www.bildirgec.org/yazi/57-ucretsiz-resim-galerisi-slayt ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Wed, 18 Mar 2009 07:45:00 GMT 201303@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/57-ucretsiz-resim-galerisi-slayt