http://www.bildirgec.org/ tr-tr 40 bildirgec.org - etiketler: plugin silver530 <p><strong>joomla! için geliştirilen forum eklentilerinin en başarılısı kunena'dır. joomla! ile tamamen uyumlu ve çok başarılıdır.</strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/silver530/kunena-logo.jpeg' alt="kunena logo" border="0"><br>kunena logo</div> <p><!-- buradan kes --><br><strong>internetten kurulum:</strong></p> <p>en güncel sürümü <a href="http://www.kunena.org/"><strong>kunena</strong></a>'nın sitesinden indirebilirsiniz. ancak şimdi bilgisayara indirmeden kurulumun nasıl yapıldığına bakalım.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/silver530/k-forum.jpg' alt="kunena'nın kendi forumu" border="0"><br>kunena'nın kendi forumu</div> <p>bunun için sitenizin eklenti yöneticisinin bağlantıdan kurulum özelliğini kullanmak gerekiyor.</p> <ul> <li><a href="http://www.kunena.org/download"><strong>kunena</strong></a>'nın sitesinde <a href="http://www.kunena.org/download"><strong>download</strong></a> sayfasına geçiş.</li> </ul> <ul> <li><a href="http://www.kunena.org/download"><strong>kunena</strong></a>'nın son sürümünün <strong>.tar.gz</strong> uzantılı dosyayı görün.</li> </ul> <ul> <li>bu dosyaya sağ tıklayıp adresini almanız gerekiyor. tarayıcıya göre değişen bir menü seçeneği vardır. tarayıcınıza göre "kısayolu kopyala" yada "bağlantı konumunu kopyala" ya tıklayın.</li> </ul> <ul> <li>sitenizin yönetim panelinden eklentiler>kur/kaldır menüsünde kurulum bağlantısı kutusuna sağ tıklayıp yapıştırın ve kur'a tıklayın.</li> </ul> <ul> <li>"başarılı" mesajı gelirse kurulum tamamlanmıştır.</li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/silver530/dwn1.jpg' alt=".tar.gz dosyasını bulabileceğiniz link" border="0"><br>.tar.gz dosyasını bulabileceğiniz link</div> <p><strong>türkçe dil dosyası yükleme</strong></p> <ul> <li><a href="http://www.joomlatr.org/index.php/eklentiler.html?func=fileinfo&id=369"><strong>joomlatr</strong></a>'den türkçe dil paketini indirin.</li> </ul> <ul> <li><strong>.zip</strong> dosyasından çıkan <strong>kunena.turkish.php</strong> dosyasını ftp'den administrator/components/com_kunena/language dizinine kopyalayın. hepsi bu kadar.</li> </ul> <p><strong>kunana forum temaları</strong></p> <ul> <li>geniş tema desteği vardır. örneklerine <a href="http://forum.joomlatr.org/kaliteli-kunena-temalari-t17893.html"><strong>bu</strong></a> adresten ulaşabilirsiniz.</li> </ul> <ul> <li>indirdiğiniz temayı ftp'den /components/com_kunena/template dizinine kopyalamanız yeterli. bol tartışmalı forumlar dileğiyle.</li> </ul> <p><strong><em>popüler yazılarım:</em></strong></p> <ul> <li><a href="http://www.bildirgec.org/yazi/en-iyi-10-tarayici"><strong>en iyi 10 tarayıcı</strong></a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/en-iyi-10-medya-oynatici"><strong>en iyi 10 medya oynatıcı</strong></a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/en-populer-20-forum-sitesi"><strong>en popüler 20 forum sitesi</strong></a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/2010-un-en-iyi-bedava"><strong>2010'un en iyi bedava 10 programı</strong></a></li> </ul><p><strong>ilgili yazılar</strong><ul><li><a href="http://www.bildirgec.org/yazi/talkmania-dan-yeni-kaynaklar">talkmania'dan yeni kaynaklar</a> (4)</li><li><a href="http://www.bildirgec.org/yazi/ucretsiz-indirilebilir-12-wordpress-2">Ücretsiz indirilebilir 12 Wordpress 2.7 Tema</a> (11)</li><li><a href="http://www.bildirgec.org/yazi/100-hayrete-dusurucu-ucretsiz-wordpress">100+ Hayrete Düşürücü Ücretsiz Wordpress Teması (2009)</a> (55)</li><li><a href="http://www.bildirgec.org/yazi/en-buyuk-15-turk-hosting">en büyük 15 türk hosting firması</a> (82)</li><li><a href="http://www.bildirgec.org/yazi/wordpress-admin-panel-css-olusturucu">Wordpress Admin Panel Css Oluşturucu</a> (0)</li></ul></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/silver530">silver530</a> tarafından <a href=" http://www.bildirgec.org/yazi/kunena-ile-joomla-ya-forum ">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> Mon, 21 Feb 2011 10:49:00 GMT 91609@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/kunena-ile-joomla-ya-forum bedava tema theme eklenti ücretsiz popüler forum plugin template joomla extension kunena sequieros <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sequieros/imagesca8iiaim.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.facebook.com/">Facebook</a> artık birçoğumuzun günlük takip ettiği bir site. Bu yazıda facebook hakkında bir çoğumuzun bilmediği ipuçlarını bulabileceksiniz. Denedikten sonra başarı yüzdesini görmek adına görüşlerinizi paylaşabilirsiniz. <p><strong>1. Facebook Chat'i Firefox Sidebar'a Yerleştirmek:</strong> Facebook chat gerçekten işimize yarayan bir uygulama. facebook'tan çıktığınızda da online arkadaşlarınızla chat yapmak istiyorsanız bu gerçekten işinize yarayacak.<br>Anlatıma <a href="http://www.hongkiat.com/blog/how-to-place-facebook-chat-on-firefox-sidebar/"><strong>buradan</strong></a> ulaşabilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/sequieros/fchat-title.jpg' alt="\"\"" border="0"><br></div></p> <p><strong>2. Facebook albümlerini indirme:</strong> albümleri tek tıkla indirmek için ihtiyacınız olan tek şey <a href="https://addons.mozilla.org/en-US/firefox/addon/8442/"><strong>FacePAd</strong></a> Ayrıntılara, kurulum ve anlatıma <a href="http://www.bildirgec.org/yazi/facebook-taki-albumleri-tek-tikla"><strong>şu bağlantıdan</strong></a> ulaşabilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/sequieros/facepad.jpg' alt="\"\"" border="0"><br></div></p> <p><strong>3. Flickr Fotolarını Facebook'ta Paylaşmak:</strong> Flickr fotoğraflarınızı <a href="http://www.keebler.net/flickr2facebook/"><strong>Flickr2Facebook</strong></a> linkinden facebook'a yükleyebilir ve onları profilinizde paylaşabilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/sequieros/flickr2facebook.jpg' alt="\"\"" border="0"><br></div></p> <p><strong>4. Facebook Kullanmadan Facebook Güncelleme:</strong> <a href="http://hellotxt.com/">Hellotxt</a> ya da <a href="http://ping.fm/">ping.fm</a> facebook kullanıcılarına sayfalarını güncelleme imkanı veriyor. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/sequieros/hellotxt.jpg' alt="\"\"" border="0"><br></div></p> <p><!-- buradan kes --></p> <p><strong>5. Facebook Mesajlarını Programlama:</strong> <a href="http://sendible.com/">Sendible</a> facebook kullanıcılarına, ileriki zamanlarda istedikleri kişilere mesaj gönderme olanağı sunuyor.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/sequieros/sendible.jpg' alt="\"\"" border="0"><br></div></p> <p><strong>6. Facebook Durumuzu Firefox'tan Güncelleme:</strong> <strong><a href="https://addons.mozilla.org/en-US/firefox/addon/8973/">FireStatus</a></strong> ile facebook dahil birçok sosyal network sitesindeki durumunuzu güncelleyebilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/sequieros/firestatus.jpg' alt="\"\"" border="0"><br></div></p> <p><strong>7. Facebook Hesabınıza Masaüstünden Ulaşmak:</strong> İnternet tarayıcısına gerek kalmadan facebook hesabınıza <a href="http://seesmic.com/">Seesmic Desktop</a> <a href="http://www.widgets.yahoo.com/widgets/facebooker">Facebooker</a> <a href="http://www.xobni.com/">Xobni</a> ve <a href="http://formulists.com/">Scrapboy</a> gibi masaüstü uygulamaları ile ulaşabilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/sequieros/desktop-apps.jpg' alt="\"\"" border="0"><br></div></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/sequieros">sequieros</a> tarafından <a href=" http://www.bildirgec.org/yazi/facebook-ile-ilgili-az-bilinen ">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, 21 Dec 2010 09:00:00 GMT 91074@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/facebook-ile-ilgili-az-bilinen eklenti flickr plugin ipucu facebook hellotxt xobni seesmic clue ping fm facepad firestatus tips tricks facebooker scrapboy sendible sequieros <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sequieros/images.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.mozilla.com/tr/firefox/"><strong>Firefox</strong></a>, tartışmasız internet kullanıcıları için popüler bir tarayıcı. Bazen yavaş olduğu söylense de <a href="https://addons.mozilla.org/en-US/firefox/"><strong>add-on</strong></a>'ları bakımından gerçekten zengin bir içeriğe sahip. Bu eklentiler sayesinde bir tarayıcıdan daha fazlasına sahip olabiliyoruz. İşte verimliliği arttıracak ve işimizi daha kolaylaştıracak firefox eklentileri: <p><a href="https://addons.mozilla.org/en-US/firefox/addon/10548/"><strong># Similar Web:</strong></a> Bu eklenti en iyi web sitelerini bulmanın en kolay yolu. Bu kenar çubuğu, incelemekte olduğunuz web siteleri ile ilgili başka sitelerin minyatür şeklini gösterir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sequieros/29167.png' alt="\"\"" border="0"><br></div> <p><a href="https://addons.mozilla.org/en-US/firefox/addon/3576/"><strong># Google Shortcuts Plugin:</strong></a></a> Bu eklenti tüm google hizmetlerini gösterir veya açılır menü olarak tek tıklamayla istediğiniz hizmeti kullanmanızı sağlar. Ya da ayarlar kısmında ufak değişiklik yaparak istediğiniz <a href="http://www.google.com">google</a> hizmetlerinin görünmesini sağlayabilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sequieros/3576.jpg' alt="\"\"" border="0"><br></div> <p><a href="https://addons.mozilla.org/en-US/firefox/addon/222516/"><strong># Thumbnail Zoom:</strong></a> Facebook, Twitter, Amazon, Myspace, Flickr gibi sitelerde yer alan küçük resimleri yakınlaştırmayı sağlar.</p> <p><!-- buradan kes --></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sequieros/222516-zoom-thumbnails.jpg' alt="\"\"" border="0"><br></div> <p><a href="https://addons.mozilla.org/en-US/firefox/addon/4925/"><strong># Auto Pager:</strong></a> Bu eklenti, bir web sayfasında gezinirken, sayfanın sonuna geldiğimizde bir sonraki sayfayı otomatik olarak yükler.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sequieros/4925-autopager-2.jpg' alt="\"\"" border="0"><br></div> <p><a href="https://addons.mozilla.org/en-US/firefox/addon/8879/"><strong># Fox Tab:</strong></a> Favori web sitelerine çok hızlı bir şekilde ulaşmayı sağlayan kullanışlı bir eklentidir.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/sequieros/8879-foxtabl.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="https://addons.mozilla.org/en-US/firefox/addon/4889/"><strong># Picnik</strong></a> Bir web sayfasındayken ya da resim görüntülerken sağ tık yaptığında, menü seçeneklerine photoshop benzeri düzenleme programına erişebiliyorsunuz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sequieros/4889-picnik.jpg' alt="\"\"" border="0"><br></div> <p><a href="https://addons.mozilla.org/en-US/firefox/addon/427/"><strong># Scrap Book:</strong></a> Web sayfalarını kaydetmeye ve düzenlemeye yarayan bir eklentidir.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/sequieros/427-scrapbook.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="https://addons.mozilla.org/en-US/firefox/addon/7661/"><strong># Read It Later:</strong></a> İncelediğiniz web sayfalarını daha sonra sonra okumak için kaydetmeye yarar. Üstelik internet bağlantısının olamdığı zamanlarda bile kaydettiğiniz bu sayfaları okuyabilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/sequieros/22117.png' alt="\"\"" border="0"><br></div></p> <p><a href="https://addons.mozilla.org/en-US/firefox/addon/11243/"><strong># Skip Screen</strong></a> Gereksiz sayfaları geçmenizi sağlar. Özellikle, rapidshare, hotfile, 4shared, mediafire gibi sitelerde istenmeyen sayfaları geçer.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/sequieros/11243-skipscreen.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="https://addons.mozilla.org/en-US/firefox/addon/1833/"><strong># Yonoo</strong></a> Sosyal ağlar ve anlık mesajlaşmayı kolaylaştıran bir eklenti.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/sequieros/1833-yonoo.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="https://addons.mozilla.org/en-US/firefox/addon/4076/"><strong># Add this</strong></a> Başka bir pencere açmadan incelemekte olduğunuz her şeyi çeşitli ağlarda paylaşabilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/sequieros/4076-addthis.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="https://addons.mozilla.org/en-US/firefox/addon/1810/"><strong># Showcase:</strong></a> Açtığınız sekmeleri küçük resim halinde, yan menü şeklinde kolayca bulabileceğiniz bir eklenti.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/sequieros/1810-showcase.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="https://addons.mozilla.org/en-US/firefox/addon/3456/"><strong># Web of Trust</strong></a> Hangi sitelerin güvenli, hangilerinin tehlikeli olduğunu trafik lambası şeklindeki semboller ile öğrenebilirsiniz. Bu eklenti <a href="http://www.cbet.uwaterloo.ca/">CBET</a>, <a href="http://www.pcworld.com/">PC World</a> ve <a href="http://techrepublic.com.com/">Tech Republic</a> gibi birçok otorite tarafından önerilmektedir.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/sequieros/3456-wot.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="https://addons.mozilla.org/en-US/firefox/addon/1865/"><strong># Adblock Plus</strong></a> İstenmeyen reklamları otomatik olarak kaldırmayı sağlıyor.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/sequieros/1865-adblock-2.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="https://addons.mozilla.org/en-US/firefox/addon/14979/"><strong># Web2PDF Converter:</strong></a> Web sayfalarını online olarak anında PDF dosyasına dönüştürebilen bir eklenti.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/sequieros/14979-web2pdf.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="https://addons.mozilla.org/en-US/firefox/addon/636/"><strong># PDF Download:</strong></a> Web2PDF benzeri bir eklenti ama bu eklentiyle web sayfasını PDF dosyası şeklinde kaydetmenin yanısıra sayfayı pdf halinde mail atma imkanına da sahip olabiliyorsunuz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/sequieros/636-pdf-download.jpg' alt="\"\"" border="0"><br></div></p> <p>şimdilik aklıma gelen bunlar. Daha sonra yeni eklentileri keşfedip denedikten sonra burada paylaşacağım.</p> <p><a href="http://www.hongkiat.com/blog/50-time-saving-firefox-add-ons/">kaynak</a></p><p><strong>ilgili yazılar</strong><ul><li><a href="http://www.bildirgec.org/yazi/firefox-icin-vazgecilmez-eklentiler">firefox için vazgeçilmez eklentiler.</a> (14)</li><li><a href="http://www.bildirgec.org/yazi/firefox-eklentisi-password-hasher">Firefox eklentisi: Password Hasher</a> (1)</li><li><a href="http://www.bildirgec.org/yazi/flock-e-kitabi-ve-incelemesi">FLOCK E-Kitabı ve incelemesi yayinlandi</a> (1)</li><li><a href="http://www.bildirgec.org/yazi/firefox-tab-candy-betayi-duyurdu">firefox "tab candy" betayı duyurdu</a> (9)</li></ul></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/sequieros">sequieros</a> tarafından <a href=" http://www.bildirgec.org/yazi/zaman-tasarrufu-saglayan-firefox-eklentisi ">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> Mon, 20 Dec 2010 07:37:00 GMT 91055@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/zaman-tasarrufu-saglayan-firefox-eklentisi eklenti mozilla pdf web firefox plugin firefox eklentisi tasarruf add ons dextarus <p>Flash'ın belki de yavaş yavaş ölmesini sağlayan, Web sitelerinin vazgeçilmezleri jQuery eklentileri. Ve karşınızda 2010 yılının en iyi jQuery eklentileri.</p> <p><a href="http://nivo.dev7studios.com/"><strong>Nivo Slider</strong></a><br>Resimler arası geçişleri yumuşak ve etkileyici bir şekilde yapan bir resim göstericisi. 9 adet benzersiz resim geçiş efekti var ve ayrıca klavyeden de kontrol edilebiliyor.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/dextarus/jquery-slider-9.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://razorjack.net/quicksand/"><strong>Quicksand</strong><br></a>Sitenizde bulunan öğeleri çeşitli animasyonlarla bir araya toplayan ve isteğe göre filtreleyen güzel bir eklenti.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/dextarus/new-jquery-2.jpg' alt="\"\"" border="0"><br></div></p> <p><!-- buradan kes --></p> <p><a href="http://spritely.net/"><strong>Spritely</strong><br></a>Dinamik karakter ve arkaplan animasyonları yaratmak için harika bir eklenti.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/dextarus/new-jquery-9.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://daverupert.com/2010/09/lettering-js/"><strong>Lettering.js</strong></a><br>Sayfanızda tipografik kelimeler yaratmanız için kullanabileceğiniz bir eklenti.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/dextarus/fresh-jquery-6.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://tutorialzine.com/2010/07/colortips-jquery-tooltip-plugin/"><strong>Colortip</strong></a><br>Sayfanızda bulunan metinler üzerinde küçük ipuçları veriyorsanız. Bu eklenti sayesinde o ipuçlarını renklendirebilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/dextarus/i1.png' alt="\"\"" border="0"><br></div></p> <p><a href="http://desandro.com/resources/jquery-masonry/"><strong>Masonry</strong></a><br>Sitenizde css ile yaptığınız ufak bölgeleri masonry sayesinde istediğiniz gibi yerleştirebilirsiniz. web sitesi dizaynında mutlaka faydanılması gereken bence olmazsa olmaz bir eklenti.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/dextarus/new-jquery-4.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.ivellios.toron.pl/technikalia/2010/06/22/gvchart-plugin-jquery-with-google-charts/"><strong>gvChart</strong></a><br>Grafik çizme eklentisi.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/dextarus/new-jquery-plugins-2.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.mitya.co.uk/scripts/Animated-table-sort-REGEXP-friendly-111"><strong>Animated table sort</strong></a><br>Bu eklenti verdiğiniz veriler düzeyinde size tablo oluşturuyor.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/dextarus/new-jquery-plugins-5.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://johnpatrickgiven.com/jquery/Image-Scale-Carousel/"><strong>jQuery Image Scale Carousel</strong></a><br>Bu eklenti ziyaretçinin sitenizdeki belirttiğiniz resimin boyutlarıyla oynayabilmesini sağlıyor.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/dextarus/jquery-2010-1.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.yoxigen.com/yoxview/"><strong>YoxView</strong></a><br>Bir çok resim galerisi şeklindeki eklentileri görmüşsünüzdür. YoxView'ın o eklentilerden farkı flash videoları ve daha bir çok öğeyi resim galerisi şeklinde göstermesi.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/dextarus/new-jquery-3-2.jpg' alt="\"\"" border="0"><br></div></p> <p>Kaynak için <a href="http://webdesignledger.com/resources/best-jquery-plugins-of-2010">buraya</a>.</p> <p>Belki bu konularda ilginizi çekebilir.<br><li><a href="yazi/tasarimcilar-icin-35-adet-ilham">Tasarımcılar için 35 adet ilham verici alt bilgi, üst bilgi tasarımları</a></li><li><a href="yazi/gelecek-projeniz-icin-60-tane">Gelecek Projeniz için 60 tane Ücretsiz Yüksek Kalite İcon Setleri</a></li><li><a href="yazi/50-adet-goz-alici-photoshop">50 adet Göz Alıcı Photoshop Metin Efekt Dersleri</a></li><li><a href="yazi/2010-un-en-iyi-ucretsiz-1">2010 un En iyi Ücretsiz Fontları</a></li><li><a href="yazi/30-adet-ilham-verici-menu">30 adet ilham verici menü tasarımı</a></li><li><a href="yazi/7-adet-mobil-web-sitesi">7 adet Mobil Web Sitesi Test Aracı</a></li><li><a href="yazi/populer-muzik-gruplarinin-kullandigi-fontlar">Popüler Müzik Gruplarının Kullandığı Fontlar</a></li><li><a href="yazi/ilham-verici-grunge-tarzi-blog">İlham Verici Grunge Tarzı Blog Tasarımları</a></li><li><a href="yazi/40tan-fazla-ucretsiz-css-html">40tan fazla Ücretsiz CSS/HTML Site Şablonu</a></li><li><a href="yazi/40-adet-istah-acan-web">40 adet iştah açan web sitesi</a></li><li><a href="yazi/43-adet-bakilmadan-gecilmeyecek-tipografik">43 adet Bakılmadan Geçilmeyecek Tipografik Web Sitesi</a></li></p><p><strong>ilgili yazılar</strong><ul><li><a href="http://www.bildirgec.org/yazi/tasarimin-icinde-olan-herkes-icin">Tasarımın İçinde Olan Herkes İçin Yer İmi Seti</a> (6)</li><li><a href="http://www.bildirgec.org/yazi/jquery-icin-240-adet-eklenti">jquery için 240 adet eklenti</a> (2)</li><li><a href="http://www.bildirgec.org/yazi/30-adet-ilham-verici-menu">30 adet ilham verici menü tasarımı</a> (0)</li></ul></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/dextarus">dextarus</a> tarafından <a href=" http://www.bildirgec.org/yazi/2010-yilinin-en-iyi-jquery ">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> Thu, 02 Dec 2010 14:41:00 GMT 90907@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/2010-yilinin-en-iyi-jquery flash site eklenti internet en iyi web plugin web site 2010 jquery angelsdemos <p><a href="http://bildirgec.org/ara/jquery">jQuery</a>, web sitesi geliştirmek için harika bir kütüphane. Web sitenize önceden yapılması oldukça zor olan birçok uygulama, efekt ve benzer şeyler ekleyebilirsiniz. Aşağıdaki 5 muhteşem jQuery uygulamasını ücretsiz olarak kullanabilir ve ayrıca geliştirebilirsiniz.</p> <p><a href="http://tympanus.net/codrops/2010/10/07/slider-gallery/">Slider Gallery with jQuery</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/slidergalleryjquery.jpg' alt="\"\"" border="0"><br></div><br><strong>Slider Gallery with jQuery</strong>, diğer galeri uygulamalarından tamamen farklı bir slider uygulamasıdır. Kategorilenmiş başlıklardan birini tıkladığınız taktirde yatay olarak o kategoriye ait fotoğraflar sayfada yayınlanır. Alttaki imleç ile sağa veya sola doğru hareket edebilir ve diğer fotoğraflara bakabilirsiniz. Ayrıca yer alan <a href="http://bildirgec.org/ara/tooltip">tooltip</a> eklentisi sayesinde fotoğrafları büyük boy olarak görebilir ve bu şekilde diğer fotoğraflar arası geçiş yapabilirsiniz.</p> <p><a href="http://tutorialzine.com/2010/06/apple-like-retina-effect-jquery-css/">Apple-like Retina Effect</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/jquery-ui-1.jpg' alt="\"\"" border="0"><br></div><br><strong>Apple-like Retina Effect</strong>, fotoğrafların sadece bir bölümünü yakınlaştırmaya yarayan küçük bir uygulamadır. Büyük boyutlu resim yayınlayan <a href="http://bildirgec.org/ara/web">web</a> siteleri tarafından uygulanabilir.</p> <p><!-- buradan kes --></p> <p><a href="http://elliottkember.com/sexy_curls.html#none">jQuery Page Curl</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/jquery-ui-6.jpg' alt="\"\"" border="0"><br></div><br>Benzerini birçok web sitesinde görebileceğiniz sayfanın küçük bir kısmını yırtılmış şekilde gösteren hoş bir uygulama. Diğerlerinden farklı olarak bu uygulamada sayfayı siz kendiniz çekip arka planı görebiliyorsunuz.</p> <p><a href="http://www.azoffdesign.com/plugins/js/overscroll">Overscroll</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/jquery-ui-2.jpg' alt="\"\"" border="0"><br></div><br>Büyük genişliğe sahip olan resimleri küçük boyutlara sığdırabilen <strong>Overscroll</strong> ile imleçler sayesinde tüm görseli görmeniz mümkün. Görseli, yer alan 2 imleç ile veya mouse ile tıklayarak hareket ettirebilirsiniz. Ayrıca uygulama sadece o sayfadayken ve mouse ile görselin üzerine geldiğinizde aktifleşiyor.</p> <p><a href="http://tympanus.net/codrops/2010/10/18/custom-animation-banner/">Custum Animation Banner</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/customanimationbanner.jpg' alt="\"\"" border="0"><br></div><br>Alışılmışın dışında burada yer alan hareketli banner'lar tamamen jQuery ile hazırlanmış. Flash ile yapılan birçok benzeri görmüş olduğumuz bu bannerleri ve daha fazlasını jQuery ile yapabilirisiz. Sayısız efekt uygulayabilir ve hareketli imajlar oluşturabilirsiniz.</p> <strong>Ayrıca Bakınız :</strong> <ul> <li><a href="http://www.bildirgec.org/yazi/lucid-desktop">Lucid Desktop</a></li> <li><a href="http://www.bildirgec.org/yazi/supersized-tam-ekran-jquery-slayt">Supersized: Tam Ekran jQuery Slayt Uygulaması</a></li> <li> <a href="http://www.bildirgec.org/yazi/10-harika-jquery-navigasyon-menu">10 Harika jQuery Navigasyon Menü</a></li> <li><a href="http://www.bildirgec.org/yazi/siradisi-jquery-uygulamalari">Sıradışı jQuery uygulamaları</a></li> <li><a href="http://www.bildirgec.org/yazi/yaratici-jquery-uygualamari">Yaratıcı jQuery uygulamarı</a></li> <li><a href="http://www.bildirgec.org/yazi/birbirinden-farkli-yaratici-jquery-uygulamari">Birbirinden Farklı yaratıcı jquery uygulamarı</a></li> <li><a href="http://www.bildirgec.org/yazi/siradisi-sunumlari-icin-jfancytile">Sıradışı sunumları için: jFancyTile</a></li> <li><a href="http://www.bildirgec.org/yazi/jquery-popeye-ile-interaktif-gorseller">jQuery.popeye ile interaktif görseller</a></li> <li><a href="http://www.bildirgec.org/yazi/muhtesem-jquery-efektleri-ve-animasyonlari">Muhteşem jQuery Efektleri ve Animasyonları</a></li> <li><a href="http://www.bildirgec.org/yazi/flip-ile-muhtesem-slaytlar">Flip! ile Muhteşem Slaytlar </a></li> </ul> <p><strong>angelsdemos</strong>: <a href="http://angelsdemos.bildirgec.org/">Blog</a> | <a href="http://friendfeed.com/bildirgec">FriendFeed</a> | <a href="http://twitter.com/bildirgec">Twitter</a> | <a href="mailto:angelsdemos@gmail.com">Email</a> | <a href="http://angelsdemos.bildirgec.org/rss.xml">RSS</a></p> <p><strong>Kaynaklar</strong> : <a href="http://tympanus.net">tympanus</a>, <a href="http://webdesignledger.com/resources/10-useful-jquery-plugins-and-techniques">wdl</a></p><p><strong>ilgili yazılar</strong><ul><li><a href="http://www.bildirgec.org/yazi/5-kullanisli-jquery-uygulamasi">5 kullanışlı jQuery Uygulaması</a> (6)</li><li><a href="http://www.bildirgec.org/yazi/en-iyi-jquery-uygulamalari-nisan">En iyi jQuery Uygulamaları - Nisan 2010</a> (8)</li><li><a href="http://www.bildirgec.org/yazi/jval-ile-formlarin-kontrolu-elinizde">jval ile formların kontrolü elinizde</a> (4)</li><li><a href="http://www.bildirgec.org/yazi/zoom-efektli-galeri-zoomer-gallery">Zoom Efektli Galeri: Zoomer Gallery</a> (7)</li><li><a href="http://www.bildirgec.org/yazi/etkiliyici-slaytlar-icin-aeron-slideshow">Etkiliyici Slaytlar için: aeron slideshow</a> (16)</li></ul></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/angelsdemos">angelsdemos</a> tarafından <a href=" http://www.bildirgec.org/yazi/5-muhtesem-jquery-uygulamasi ">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> Thu, 18 Nov 2010 08:31:00 GMT 90755@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/5-muhtesem-jquery-uygulamasi webmaster web tasarım plugin addon web 2.0 tooltip mb slider gallery jquery slider jquery plugin sb micro bildiri jquery example jquery animation jquery tooltip plugin jquery slider example jquery effect slider gallery with jquery jquery slider gallery gallery with jquery custum animation banner animation banner with jquery ijquery banner jquery animation effect overscroll jquery page curl apple like retina effect jquert tooltip angelsdemos <p>Flash benzeri yakınlaşma efekti üzerinden hazırlanan <strong>Zoomer Gallery</strong>, hoş bir <a href="http://bildirgec.org/ara/jquery">jQuery</a> uygulamasıdır. Etkileyici zoom efekti sayesinde resim boyutunu arttırarak ziyaretçilerinizi etkileyebilir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/zoomer.PNG' alt="\"\"" border="0"><br></div> <p>3 farklı efekti barındıran <strong>Zoomer Gallery</strong>'yi galeri olarak kullanabileceğiniz gibi farklı amaçlar ile de kullanabilirsiniz. İsterseniz sadece bir imaja bu efekti verere çarpıcılığını ortaya koyarsınız veya reklam verenlerinizin reklamlarını farklı şekilde yayınlayabilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/zoomer2.PNG' alt="\"\"" border="0"><br></div><br><!-- buradan kes --> <p><strong>2KB</strong> boyuntundaki bu muhteşem uygulamayı kolaylıkta kullanabilir ve özelleştirebilirsiniz. Adım adım nasıl yapıldığını makaleden inceleyebilirsiniz. Ayrıca bu efektleri farklı şekillerde kullanma imkanına sahipsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/image2.png' alt="\"\"" border="0"><img src='http://www.bildirgec.org/imaj/angelsdemos/image3.png' alt="\"\"" border="0"><br></div> <p>IE7+, Firefox, Safari, Google Chrome, Opera desteğine sahip olan Zoomer Gallery'i <a href="http://addyosmani.com/blog/zoomer-gallery-a-jquery-plugin-for-displaying-images-with-flash-like-zooming-effects/">buradan</a> inceleyebilir , demo sayfasına ise <a href="http://www.addyosmani.com/resources/zoomer/zoomer.html">buradan</a> erişebilirsiniz.<strong>Zoomzer Gallery</strong> uygulamasını <a href="http://www.addyosmani.com/resources/zoomer/zoomer.for.jquery-1.0.zip">buradan</a> ücretsiz olarak indirebilirsiniz.</p> <strong>Ayrıca Bakınız ;</strong> <ul> <li><a href="http://www.bildirgec.org/yazi/muhtesem-html5-ve-css3-uygulamalari">Muhteşem HTML5 ve CSS3 Uygulamaları</a></li> <li><a href="http://www.bildirgec.org/yazi/reel-ile-3-boyutlu-gercekci">reel ile 3 Boyutlu Gerçekçi Görüntüler</a></li> <li><a href="http://www.bildirgec.org/yazi/etkiliyici-slaytlar-icin-aeron-slideshow">Etkiliyici Slaytlar için: aeron slideshow</a></li> <li><a href="http://www.bildirgec.org/yazi/photoshop-ile-3d-yazi-efektleri">Photoshop ile 3D Yazı Efektleri</a></li> <li><a href="http://www.bildirgec.org/yazi/html5-video-oynatici-video-js">HTML5 Video Oynatıcı: Video JS</a></li> <li><a href="http://www.bildirgec.org/yazi/jquery-popeye-ile-interaktif-gorseller">jQuery.popeye ile interaktif görseller</a></li> <li><a href="http://www.bildirgec.org/yazi/web-gelistiricileri-icin-cevrimici-araclar">Web Geliştiricileri için Çevrimiçi Araçlar</a></li> <li><a href="http://www.bildirgec.org/yazi/grunge-tarzi-wordpress-temalari">Grunge Tarzı Wordpress Temaları</a></li> <li><a href="http://www.bildirgec.org/yazi/jquery-ile-hazirlanan-oyun-uygulamalari">jQuery ile Hazırlanan Oyun Uygulamaları</a></li> </ul> <p><strong>angelsdemos</strong>: <a href="http://angelsdemos.bildirgec.org/">Blog</a> | <a href="http://friendfeed.com/bildirgec">FriendFeed</a> | <a href="http://twitter.com/bildirgec">Twitter</a> | <a href="mailto:angelsdemos@gmail.com">Email</a> | <a href="http://angelsdemos.bildirgec.org/rss.xml">RSS</a></p> <p><strong>Kaynak</strong> : <a href="http://addyosmani.com/blog/zoomer-gallery-a-jquery-plugin-for-displaying-images-with-flash-like-zooming-effects/">addyosmani</a></p><p><strong>ilgili yazılar</strong><ul><li><a href="http://www.bildirgec.org/yazi/ilgi-cekici-html5-ve-css3">İlgi Çekici HTML5 ve CSS3 Uygulamaları</a> (6)</li><li><a href="http://www.bildirgec.org/yazi/jval-ile-formlarin-kontrolu-elinizde">jval ile formların kontrolü elinizde</a> (4)</li><li><a href="http://www.bildirgec.org/yazi/5-kullanisli-jquery-uygulamasi">5 kullanışlı jQuery Uygulaması</a> (6)</li><li><a href="http://www.bildirgec.org/yazi/interaktif-galeri-uygulamasi-slickgallery">Interaktif galeri uygulaması: SlickGallery</a> (2)</li><li><a href="http://www.bildirgec.org/yazi/muhtesem-bir-tooltip-uygulamasi-colortip">Muhteşem bir Tooltip Uygulaması: Colortip</a> (14)</li></ul></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/angelsdemos">angelsdemos</a> tarafından <a href=" http://www.bildirgec.org/yazi/zoom-efektli-galeri-zoomer-gallery ">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> Mon, 11 Oct 2010 06:40:00 GMT 90329@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/zoom-efektli-galeri-zoomer-gallery tasarım css web design webmaster web tasarım plugin api ajax html zoom addon gallery web development web desing web designer mb json jquery web developer example zoom effect sb micro bildiri jquery example jquery animation jquery zoom example jquery zoom addon jquery zoom plugin jquery effect jquery uygulamaüjquery demo zoomer gallery addyosmani osmani angelsdemos <p><a href="http://bildirgec.org/ara/css3">CSS3</a> ve <a href="http://bildirgec.org/ara/html5">HTML5</a> ile artık web sitelerimiz daha renkli ve daha interaktif bir şekle giriyor. Yeni özellikler sayesinde hem görsel açıdan tatmin edici çalışmalar yapılırken hem de herhangi bir eklentiye gereksinim kalmıyor. Aşağıdaki benzersiz <strong>HTML5 ve CSS3</strong> uygulamalarının nasıl yapıldığını detaylı olarak öğrenebilir ve benzer çalışmalarda bulunabilirsiniz. İlgi Çekici css3 ve html5 Uygulamaları;</p> <p><a href="http://tutorialzine.com/2010/08/animated-404-not-found-page-css-jquery/">Animated 404 Page</a><br>(<em>Animasyonlu 404 Sayfası</em>)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/css404.png' alt="\"\"" border="0"><br></div><br><a href="http://bildirgec.org/ara/jquery">jQuery</a> de kullanılarak yapılan bu animasyon uygulaması ile 404 sayfalarını renklendirebilir ve hareketli animasyonları sayfalarınıza taşıyabilirsiniz. Roketten farklı olarak farklı grafikleri kullanarak animasyonlar yaratmanız mümkün.</p> <p><a href="http://dev.opera.com/articles/view/custom-html5-video-player-with-css3-and-jquery/">Building a custom HTML5 video player with CSS3 and jQuery</a><br>(<em>CSS3 ve jQuery kullanarak Özel HTML5 Video Oynatıcısı</em>)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/native-video-controls.jpg' alt="\"\"" border="0"><br></div><br><strong>Html5</strong>'in getirdiği yeniliklerden biri olan video oynatıcısını tam olarak anlatan bu ders sayesinde HTML video oynatıcıları hakkında büyük bir bilgi sahibi olacaksınız. Yeni getirilen html5 video formatının tüm özelliklerini anlatan bu muhteşem uygulama ile siz de kendi HTML5 Video Oynatıcınızı yaratabilirsiniz.</p> <p><a href="http://www.qmobile.com.au/css3-tile-flip-animation-tutorial">CSS3 Tile Flip Animation Tutorial</a><br>(<em>CSS3 Tile Flip Animasyon Eğitimi</em>)</p> <p><!-- buradan kes --></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/tileflip.png' alt="\"\"" border="0"><br></div><br>Farklı bir dönme efektini anlatan bu uygulamayı herhangi bir eklenti olmaksızın gerçekleştirebilirsiniz. 2 Yüzlü bloglar yaratabilir ve farklı web uygulamalarında kullanabilirsiniz. <p><a href="http://nikhilmisal.com/create-simple-navigation-using-css3-styling/">Create Simple Navigation using CSS3 Styling</a><br>(<em>CSS3 Stili ile Basit Navigasyonlu Menü Oluşturmak</em>)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/css3nav.jpeg' alt="\"\"" border="0"><br></div><br>Benzerlerini birçok <a href="http://bildirgec.org/ara/web">web</a> sitesinde görebileceğiniz bu hoş görünümlü menü uygulaması her yönü ile anlatan bu ders ile farklı görseller kullanarak daha farklı uygulamalar yaratabilirsiniz. Bu css3 uygulamasını basit birkaç değişiklik ile kendi web sitenize uyarlayabilirsiniz.</p> <p><a href="http://webdesignersdesk.com/2010/08/create-animated-price-grid-using-css3/">Create Animated Price Grid Using CSS3 </a><br>(<em>CSS3 kullanarak Fiyat Gösterilen Animasyonlu Tablo Yapımı</em>)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/pricegrid.png' alt="\"\"" border="0"><br></div><br>Sadece html ve CSS3 ile hazırlanan bu uygulamada farklı efekti ile oldukça dikkat çekici. Küçük bir <a href="http://bildirgec.org/ara/tooltip">tooltip</a>'te bulunan uygulamada, herhangi bir tabloyu dikkat çekici bir şekilde büyültebiliyorsunuz.</p> <p><a href="http://qink.net/post/Useful-Hover-based-User-Interface-with-jQuery-CSS3-HTML5.aspx">Useful Hover-based User Interface with jQuery, CSS3, HTML5</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/image-axd.jpeg' alt="\"\"" border="0"><br></div><br>jQuery, CSS3 ve HTML5 ile yapılan bu uygulama birden fazla sayfayı tek sayfaya farklı geçiş efektleri ile sığdırabiliyorsunuz. Sayfalar arası farklılıklar ve farklı görseller koyularak oldukça hoş tasarımlar orataya çıkabilir.</p> <p><a href="http://webdesignernotebook.com/css/the-little-known-font-size-adjust-css3-property/">The Little Known font-size-adjust CSS3 Property</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/fontsizeadjust-thumb.png' alt="\"\"" border="0"><br></div><br>3 Boyutlu yazıların nasıl yapıldığını gösteren bu css3 dersi sayesinde sadece videoları değil web sitelerinin içeriğini de 3 boyutlu yapabileceğiz. Tabii 3 Boyutu görmek için özel yapım gözlüğüne ihtiyaç olduğunu unutmayın.</p> <p><strong>Ayrıca Bakınız;</strong></p> <ul> <li><a href="http://www.bildirgec.org/yazi/muhtesem-html5-animasyon-uygulamalari">Muhteşem HTML5 Animasyon Uygulamaları<br></a></li> <li><a href="http://www.bildirgec.org/yazi/html5-video-oynatici-video-js">HTML5 Video Oynatıcı: Video JS</a></li> <li><a href="http://www.bildirgec.org/yazi/muhtesem-html5-ve-css3-uygulamalari">Muhteşem HTML5 ve CSS3 Uygulamaları</a></li> <li><a href="http://www.bildirgec.org/yazi/resim-kirpma-bileseni-jcrop">Resim Kırpma Bileşeni: Jcrop</a></li> <li><a href="http://www.bildirgec.org/yazi/css-ile-yapilan-cizimler">CSS ile Yapılan Çizimler</a></li> <li><a href="http://www.bildirgec.org/yazi/jquery-ile-hazirlanan-oyun-uygulamalari">jQuery ile Hazırlanan Oyun Uygulamaları</a></li> <li><a href="http://www.bildirgec.org/yazi/birbirinden-farkli-css3-uygulamalari">Birbirinden Farklı CSS3 Uygulamaları</a></li> <li><a href="http://www.bildirgec.org/yazi/css-3-ogrenmek-icin-en">CSS 3 öğrenmek için en iyi dersler</a></li> <li><a href="http://www.bildirgec.org/yazi/css3-ve-jquery-uygulamari">css3 ve jQuery uygulamarı</a></li> </ul> <p><strong>angelsdemos</strong>: <a href="http://angelsdemos.bildirgec.org/">Blog</a> | <a href="http://friendfeed.com/angelsdemos">FriendFeed</a> | <a href="http://twitter.com/angels_demos">Twitter</a> | <a href="mailto:angelsdemos@gmail.com">Email</a> | <a href="http://angelsdemos.bildirgec.org/rss.xml">RSS</a></p> <p><strong>Kaynak :</strong> <a href="http://www.ajaxline.com/interesting-css3-and-html5-tutorials-august-2010">ajaxline</a></p><p><strong>ilgili yazılar</strong><ul><li><a href="http://www.bildirgec.org/yazi/en-iyi-jquery-uygulamalari-nisan">En iyi jQuery Uygulamaları - Nisan 2010</a> (8)</li><li><a href="http://www.bildirgec.org/yazi/5-kullanisli-jquery-uygulamasi">5 kullanışlı jQuery Uygulaması</a> (6)</li><li><a href="http://www.bildirgec.org/yazi/en-iyi-jquery-uygulamalari-haziran">En iyi jQuery Uygulamaları - Haziran 2010</a> (4)</li><li><a href="http://www.bildirgec.org/yazi/html5-efektleri">HTML5 Efektleri</a> (11)</li><li><a href="http://www.bildirgec.org/yazi/zoom-efektli-galeri-zoomer-gallery">Zoom Efektli Galeri: Zoomer Gallery</a> (7)</li></ul></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/angelsdemos">angelsdemos</a> tarafından <a href=" http://www.bildirgec.org/yazi/ilgi-cekici-css3-ve-html5 ">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> Fri, 24 Sep 2010 11:46:00 GMT 90102@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/ilgi-cekici-css3-ve-html5 tasarım web tutorial webmaster web tasarım web design plugin animation menu ajax demo css3 development mb html5 interface jquery web developer example 3d effect webkit navigation menu ajaxline sb rgba micro bildiri jquery animation css3 menu jquery effect html5 video css3 linear gradient css3 radial gradient css3 transition css3 animation the little known font size adjust css3 property 3d css3 3d yazı 3d text in css3 css3 effect hover based wanderwall css3 styling css3 tile flip animation tutorial html5 video tutorial animated 404 page 404 page angelsdemos <p><a href="http://bildirgec.org/ara/web 2.0">web 2.0</a>'dan <a href="http://bildirgec.org/ara/web 3.0">web 3.0</a>'a geçiş aşamaları, html5 ve <a href="http://bildirgec.org/ara/css3">css3</a> gibi farklı dillerin gelişmesi ile web uygulamaları artık tamamen interaktif olabiliyor. Görsel açıdan oldukça verimli ve klasik web'te genelde eklentilerle sağlanan birçok uygulama artık bunlara gerek kalmadan sağlanabiliyor. <strong>jQuery</strong> kütüphanesinin genişliği ile birçok farklı uygulama yapılabiliyor. Aşağıdaki açık kaynaklı ve tamamen ücretsiz uygulamaları geliştirebilir veya kullanabilirsiniz. <br><a href="http://thirdroute.com/projects/captify/">Captify</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/new-jquery-plugins-10.jpg' alt="\"\"" border="0"><br></div><br><strong>Captify</strong>, resimler için hazırlanan basit fakat kullanışlı bir başlık aracıdır. Bu muhteşem <a href="http://bildirgec.org/ara/jquery">jQuery</a> uygulaması ile web sayfanızdaki tüm imajlara başlık ekleyebilir ve kısa notlarınızı imajların altına yerleştirebilirsiniz. Sadece <em>2.3kb.</em> boyutundaki bu ufak fakat çok yararlı uygulama ile ziyaretçilerinizi bilgilendirebilir, kullanım kolaylığı sayesinde her projenizde yer verebilirsiniz.</p> <p><a href="http://www.ivellios.toron.pl/technikalia/2010/06/22/gvchart-plugin-jquery-with-google-charts/">gvChart</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/new-jquery-plugins-2.jpg' alt="\"\"" border="0"><br></div><br>Birçok uygulamada başarılı şekilde kullanabileceğiniz <strong>gvChart</strong>, istatiksel verileri tablo ve şema halinde herhangi bir eklenti kullanmadan <a href="http://bildirgec.org/ara/web">web</a> sitenize yansıtmaya yarar. 5 farklı demosunu tamamen özelleştirebilir ve istediğiniz gibi web siteniz ile uyum aşamasına getirebilirsiniz. Farklı renkler seçebilme ve istatiklerde <a href="http://bildirgec.org/ara/tooltip">tooltip</a> kullanabilme gibi özellikleri sayesinde oldukça kullanışlı bir uygulama.</p> <p><!-- buradan kes --></p> <p><a href="http://flarevideo.com/">Flare Video</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/new-jquery-plugins-6.jpg' alt="\"\"" border="0"><br></div><br><a href="http://bildirgec.org/ara/html5">Html5</a> ve <strong>jQuery</strong> ile yapılan bu uygulama sayesinde herhangi bir eklenti olmaksızın ziyaretçilerinize video izletebileceksiniz. YouTube gibi devlerin de geliştirmekte olduğu uygulamaya benzer olan bu video uygulamasını 3 farklı tema ile kullanabilir veya kendiniz özelleştirebilirsiniz. Ticari olarak kullanıldığında tamemen ücretsiz olarak sunulan bu uygulamada; tam ekran özelliği, sesi arttırıp azaltma, kolay ve kullanışlı html css js dosyaları gibi özellikler bulunmakta. Fakat kullanmadan önce yine de Html5'in gelişim aşamasında olduğunu unutmayın.</p> <p><a href="http://www.mitya.co.uk/scripts/Blockster-transition-effect-122">Blockster</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/new-jquery-plugins-8.jpg' alt="\"\"" border="0"><br></div><br>Blockster, resimlere başlık eklemenize olanak veren ve farklı geçiş özelliği sunan bir <em>jQuery slider</em> uygulamasıdır. Slaytlar için hazırlanan bu uygulama ile herhangi bir zaman aralığında istediğiniz resimleri gösterebilir ve 2 farklı geçiş özelliğini kullanabilirsiniz.</p> <p><a href="http://vigetlabs.github.com/jmapping/">jmapping</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/new-jquery-plugins-3.jpg' alt="\"\"" border="0"><br></div><br><strong>jMapping</strong>, Google <a href="http://bildirgec.org/ara/google maps">Maps </a>kullanılarak hazırlanmış ve oldukça kullanışlı bir jQuery uygulamasıdır. <a href="http://bildirgec.org/ara/mit">MIT</a> lisanslı olan bu uygulama, Google Maps üzerinden dünyanın herhangi bir yerini işaretlediğinizde tek tık ile oraya anında gidebilme özelliğini sunar. Farklı renklerle işaretleme, ileri geri sekmeleri ile kontrol gibi farklı özellikleri ile değişik bir uygulama.</p> <strong>Ayrıca Bakınız;</strong> <ul> <li><a href="http://www.bildirgec.org/yazi/jquery-form-uygulamalari">jQuery Form Uygulamaları</a></li> <li><a href="http://www.bildirgec.org/yazi/css3-ve-jquery-uygulamari">css3 ve jQuery uygulamarı</a></li> <li><a href="http://www.bildirgec.org/yazi/en-iyi-jquery-upload-uygulamalari">En iyi jQuery Upload uygulamaları</a></li> <li><a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-online-araclar">Web Tasarımcıları için Online Araçlar</a></li> <li><a href="http://www.bildirgec.org/yazi/jquery-buton-uygulamalari">jQuery buton Uygulamaları</a></li> <li><a href="http://www.bildirgec.org/yazi/javascript-ile-hazirlanan-yaratici-web">javascript ile hazırlanan yaratıcı web formları</a></li> <li><a href="http://www.bildirgec.org/yazi/mukemmel-3d-tasarim-araclari">Mükemmel 3D Tasarım Araçları</a></li> <li><a href="http://www.bildirgec.org/yazi/farkli-jquery-uygulamalari">Farklı jQuery uygulamaları</a></li> <li><a href="http://www.bildirgec.org/yazi/jquery-oylama-ve-degerlendirme-uygulamari">jQuery Oylama ve Değerlendirme Uygulamarı</a></li> <li><a href="http://www.bildirgec.org/yazi/mac-kullanicilari-icin-web-tasarim">Mac kullanıcıları için web tasarım programları</a></li> <li><a href="http://www.bildirgec.org/yazi/yaratici-jquery-uygulamari">Yaratıcı jQuery uygulamarı</a></li> </ul> <p><strong>angelsdemos</strong>: <a href="http://angelsdemos.bildirgec.org/">Blog</a> | <a href="http://friendfeed.com/bildirgec">FriendFeed</a> | <a href="http://twitter.com/bildirgec">Twitter</a> | <a href="mailto:angelsdemos@gmail.com">Email</a> | <a href="http://angelsdemos.bildirgec.org/rss.xml">RSS</a></p> <p><strong>Kaynak :</strong> <a href="http://webdesignledger.com/tools/10-fresh-and-useful-jquery-plugins">wdl</a></p><p><strong>ilgili yazılar</strong><ul><li><a href="http://www.bildirgec.org/yazi/etkiliyici-slaytlar-icin-aeron-slideshow">Etkiliyici Slaytlar için: aeron slideshow</a> (16)</li><li><a href="http://www.bildirgec.org/yazi/en-iyi-jquery-uygulamalari-nisan">En iyi jQuery Uygulamaları - Nisan 2010</a> (8)</li><li><a href="http://www.bildirgec.org/yazi/en-iyi-jquery-uygulamalari-haziran">En iyi jQuery Uygulamaları - Haziran 2010</a> (4)</li><li><a href="http://www.bildirgec.org/yazi/panning-slideshow">Panning Slideshow</a> (4)</li><li><a href="http://www.bildirgec.org/yazi/flip-ile-muhtesem-slaytlar">Flip! ile Muhteşem Slaytlar</a> (10)</li></ul></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/angelsdemos">angelsdemos</a> tarafından <a href=" http://www.bildirgec.org/yazi/5-kullanisli-jquery-uygulamasi ">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, 21 Sep 2010 11:47:00 GMT 90048@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/5-kullanisli-jquery-uygulamasi flash tasarım web design javascript firefox webmaster web tasarım mit web design plugin google maps ajax js www web development safari css3 web 2.0 tooltip mb html5 slider jquery web developer video player web3.0 charts google charts api google api jquery slider jquery plugin jquery video sb jquery demo micro bildiri jquery flash jquery example wdl slider plugin jquery efect flarevideo jmapping semantic markup mapiconmaker markermanager blockster blockster transition effect transition effect jquery transition jquery effect html5 video flash fallback vimeo theme spotify theme jquery slider ui gvchart gvchart plugin jquery with google charts google charts wykresy jquery captify simple animated image captions jquery animated image captions lazaronnie <div class="imajorta"><img src='http://www.bildirgec.org/imaj/lazaronnie/jquery-5b1-5d.jpg' alt="\"\"" border="0"><br></div>öğelerin sürüklenmesini sağlayan eklentiyi <a href="http://www.bildirgec.org/yazi/jquery-oge-surukleme-aparati-1">bir önceki yazı</a>da tanıtmıştım. şimdi sürüklenen öğelerin bırakıldığı yerleri ve yapmanız gereken işleri kolaylaştıran "drop" yani bırakma eklentisini tanıtacağız. <p>______________<strong>detaylar</strong>______________<br><a href="http://code.jquery.com/jquery-1.4.2.js">jquery indir</a><br><a href="http://plugins.jquery.com/files/jquery.event.drop-2.0.zip">Eklentiyi indir</a><br><a href="http://threedubmedia.com/code/event/drop/demo/">eklenti anasayfası</a><br><a href="http://threedubmedia.com/code/license/">lisans koşulları</a><br><a href="http://threedubmedia.com/code/event/drop/demo/">genel demo sayfası</a><br>______________ <strong>basic</strong> ______________<br>en basit haliyle sürüklenebilir öğeleri içine bırakabileceğiniz bir bölge oluşturmanızı sağlar. öğeyi içine sürüklediğinizde tepki veren bir bölge <a href="http://threedubmedia.com/code/event/drop/demo/basic">oluşturursunuz.<br>demo</a><br>______________ <strong>active</strong> ______________</p> <p><!-- buradan kes --></p> <p>kabul alanı, içine sürüklenen öğeyi kabul ettiğini görsel tepki vererek belirtebilir.<br><a href="http://threedubmedia.com/code/event/drop/demo/active">demo</a><br>______________ <strong>available</strong> ______________<br>öğeyi sürüklemeye başladığınızda bu öğeyi hangi bölgeler kabul edebiliyorsa görsel tepki veririler. kullanıcının öğeyi nereye bırakacağını hemen görebilmesinde fayda sağlar.<br><a href="http://threedubmedia.com/code/event/drop/demo/available">demo</a><br>______________ <strong>dragover</strong> ______________<br>bu metod aslında bir "olay tutucusu"dur. bir öğe kabul bölgesinin üzerinde sürüklenmeye başladığında bazı işlemler yapmak istiyorsanız bu metoddan faydalanabilirsiniz.<br><a href="http://threedubmedia.com/code/event/drop/demo/dragover">demo</a><br>______________ <strong>proxy</strong> ______________<br>öğelerin yansımasını bırakma alanına sürüklemenizi sağlar. sürüklenecek öğe büyük ise veya içinde resim ve video gibi zorlayıcı öğeler içeriyorsa ayrıca ziyaretçinin grafik işlemcisi zayıf ise akıcı bir sürükleme deneyimi yaşayamaz. bu sorunu aşmak için öğenin yansımasını taşımak gerekebilir.<br><a href="http://threedubmedia.com/code/event/drop/demo/proxy">demo</a><br>______________ <strong>live</strong> ______________<br>dinamik olarak bırakma alanları oluşturmanızı sağlar. ekranda yer sorunları varsa genellikle bırakma alanlarını sonradan oluşturmak için faydalı olabilir.<br><a href="http://threedubmedia.com/code/event/drop/demo/live">demo</a><br>______________ <strong>overlap</strong> ______________<br>sürüklenen öğe ile bırakma alanının üst üste gelme toleransıdır.<br><a href="http://threedubmedia.com/code/event/drop/demo/overlap">demo</a><br>______________ <strong>intersect</strong> ______________<br>overlap ile benzer özellikler gösterir. sürüklenen öğe ile bırakma alanının kesişme toleransını ifade eder.<br><a href="http://threedubmedia.com/code/event/drop/demo/intersect">demo</a><br>______________ <strong>middle</strong> ______________<br>sürüklenen öğe ile bırakma alanının orta nokta toleransını ifade eder.<br><a href="http://threedubmedia.com/code/event/drop/demo/middle">demo</a><br>______________ <strong>fit</strong> ______________<br>sürüklenen öğenin ile bırakma alanının içsel toleransını ifade eder. sürüklenen öğe 1px bile dışarda kalsa bırakma alanı öğeyi içinde kabul etmez.<br><a href="http://threedubmedia.com/code/event/drop/demo/fit">demo</a><br>______________ <strong>mouse</strong> ______________<br>bırakma alanının mouse işaretçisiyle ilgilenmesini sağlar. sürüklediğiniz öğeyle birlikte işaretçi bırakma alanına girdiğinde öğe içeriye kabul edilir.<br><a href="http://threedubmedia.com/code/event/drop/demo/mouse">demo</a><br>______________ <strong>tolerance</strong> ______________<br>dairesel bırakma alanları oluşturmak için kullanılır. dairenin kenar çizgilerini çizmek için png veya gif resimlerinden faydalanmak gerekiyor. dairenin içini dinamik olarak boyamak için (öğeyi içine sürüklediğinizde tepki vermesi için) şeffaf png veya transparan gif kullanmak gerekir.<br><a href="http://threedubmedia.com/code/event/drop/demo/tolerance">demo</a><br>______________ <strong>prevent</strong> ______________<br>bırakma alanlarını pasifleştirmek için gerekir. örneğin bir defa öğe kabul eden alan, başka bir öğe kabul etmemek üzere programlanabilir.<br><a href="http://threedubmedia.com/code/event/drop/demo/prevent">demo</a><br>______________ <strong>multi</strong> ______________<br>yakın duran bırakma alanlarına büyük bir öğe sürüklendiğinde, öğenin üzerine geldiği tüm bırakma alanları aynı anda öğeyi içine kabul ederler.<br><a href="http://threedubmedia.com/code/event/drop/demo/multi">demo</a><br>______________ <strong>multi2</strong> ______________<br>multi ile aynı özelliğini içerir. ek olarak taşınabilir öğelere işaret koyabilirsiniz. işaretlediğiniz tüm öğeleri aynı anda sürüklemenizi sağlar.<br><a href="http://threedubmedia.com/code/event/drop/demo/multi2">demo</a><br>______________ <strong>affordance</strong> ______________<br>öğeleri bırakma alanlarıyla ilişkilendirmeye yarar. bir öğeyi tutup sürüklemeye başladığınız anda bu öğeyi kabul edebilecek tüm bırakma alanları görsel tepki vererek kullanıcıyı uyarırlar. Bunun dışındaki bırakma alanları tepki vermediği gibi içlerine öğeyi bıraktığınızda da öğeyi kabul etmezler.<br><a href="http://threedubmedia.com/code/event/drop/demo/affordance">demo</a><br>______________ <strong>select</strong> ______________<br>windows gezgininden çok iyi bildiğimiz bir özellik. öğeleri topluca seçmeye yarayan şeffaf gergef.<br><a href="http://threedubmedia.com/code/event/drop/demo/select">demo</a><br>______________ <strong>reorder</strong> ______________<br>sıralama metodu. kutuların yerlerini değiştirmenizi sağlar. blogger'da da bu özellik kullanılmıştır. portal benzeri web sitelerinde modüllerin anasayfadaki dizilimlerini düzenlemekte kullanılabilir. aynı şekilde kullanıcının verilerini keyfi biçimde sıralaması gerektiği hallerde de çok profesyonel bir görsel düzenleme imkanı verir.<br><a href="http://threedubmedia.com/code/event/drop/demo/reorder">demo</a><br>______________ <strong>moving</strong> ______________<br>yaramazlık yapan bırakma alanları oluşturmaya yarar. sanırım en fazla oyun yapmak isteyenler için faydalı bir özellik.<br><a href="http://threedubmedia.com/code/event/drop/demo/moving">demo</a><br>__________________________________________<br><strong>kaynak</strong> : <a href="http://plugins.jquery.com/project/drop">plugins | jquery</a></p><p><strong>ilgili yazılar</strong><ul><li><a href="http://www.bildirgec.org/yazi/jquery-oge-surukleme-aparati-1">jquery öğe sürükleme aparatı - 1</a> (5)</li></ul></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/lazaronnie">lazaronnie</a> tarafından <a href=" http://www.bildirgec.org/yazi/jquery-oge-drop-aparati-2 ">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> Mon, 30 Aug 2010 07:10:00 GMT 89700@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/jquery-oge-drop-aparati-2 eklenti javascript plugin drop resize draw sürükle bırak bırakma jquery drag and drop sürükleme picker lazaronnie <div class="imajsol"><img src='http://www.bildirgec.org/imaj/lazaronnie/2350574456-dc2e2ca4ce.jpg' alt="\"\"" width="180" border="0"><br></div><a href="http://www.jquery.com">jquery</a> <a href="http://www.bildirgec.org/ara/jquery">+</a> isimli kütüphane sayesinde web sitelerine büyük bir hareketlenme geldi. bu yazılımın bu kadar sevilmesindeki en büyük neden belki de kolay anlaşılması ve en zor <a href="http://www.bildirgec.org/ara/efekt">efekt</a>leri bile kısa komutlarla uygulama imkanı vermesidir. açık kaynaklı bir teknoloji olduğu için (<a href="http://www.kodaman.org/ara/javascript">javascript</a>) 3. kişiler kolayca eklentiler üretebiliyor ve jquery sürekli güncelliğini korumayı başarıyor. <p>bu yazıda çok profesyonelce hazırlanmış bir eklenti tanıtılacak. bu eklenti sayesinde web sayfanızdaki her şeyi <a href="http://www.zamazing.org/ara/mouse">mouse</a> ile tutup bir yere sürükleme özelliği katabilirsiniz ancak sadece tut-sürükle-bırak ritüeline sıkışmak zorunda değilsiniz. ek olarak onlarca opsiypnu bulunuyor. eklentinin hüneri de zaten opsiyonlarında gizli.</p> <p>______________<strong>detaylar</strong>______________<br><a href="http://code.jquery.com/jquery-1.4.2.js">jquery indir</a><br><a href="http://plugins.jquery.com/files/jquery.event.drag-2.0.zip">Eklentiyi indir</a><br><a href="http://threedubmedia.com/code/event/drag/">eklenti anasayfası</a><br><a href="http://threedubmedia.com/code/license/">lisans koşulları</a><br><a href="http://threedubmedia.com/code/event/drag/demo/">genel demo sayfası</a><br>______________ <strong>basic</strong> ______________<br>en basit biçimde web sayfasındaki herhangi bir öğeyi mouse ile sürüklemenizi sağlar.<br><a href="http://threedubmedia.com/code/event/drag/demo/basic">demo</a><br>______________ <strong>relative</strong> ______________<br>öğeleri sayfa içinde sınır tanımadan sürüklenebilir olmasını sağlar.<br><a href="http://threedubmedia.com/code/event/drag/demo/relative">demo</a></p> <p><!-- buradan kes --></p> <p>______________ <strong>axis</strong> ______________<br>öğeyi sadece tek eksen üzerinde hareket edecek biçimde yapılandırır. sadece yatay veya düşey eksende hareket etmesini sağlar.<br><a href="http://threedubmedia.com/code/event/drag/demo/axis">demo</a><br>______________ <strong>Grid</strong> ______________<br>öğenin sürüklenmesini adım adım hareket edecek biçimde düzenler. bu özellik bilhassa ses düzeyi arttırmak ve buna benzeyen görevleri yerine getiren kaydırma çubuklarında faydalı sağlıyor.<br><a href="http://threedubmedia.com/code/event/drag/demo/grid">demo</a><br>______________ <strong>contain</strong> ______________<br>sürüklenen öğeye sınır getirip bu sınırların dışına sürüklenmesini engellemeyi sağlıyor. eğer sayfanızda bolca sürüklenebilen öğe varsa çoğunun sürüklenmesi sonucunda sayfanızın içi kaos bölgesine dönmemesi için faydalı olabilir.<br><a href="http://threedubmedia.com/code/event/drag/demo/contain">demo</a><br>______________ <strong>circular</strong> ______________<br>öğeyi dairesel bir eksende sürüklemeyi sağlar. özellikle "color picker" adı verilen, renk seçmeye yarayan paletlerin dairesel bölümlerinde renk skalası üzerinde seçiciye dairesel bir işlevsellik katmakta kullanılıyor.<br><a href="http://threedubmedia.com/code/event/drag/demo/circular">demo</a><br>______________ <strong>handle</strong> ______________<br>öğelerin tutulabilir yerlerini ayarlar. genellikle pencere görünümündeki öğelerin sadece başlık kısımlarından tutulup sürüklenmesini sağlar.<br><a href="http://threedubmedia.com/code/event/drag/demo/handle">demo</a><br>______________ <strong>active</strong> ______________<br>öğenin sürüklendiği sırada tepki vermesini sağlar. öğenin renk değiştirmesi, gölge kazanması, arkaplanının değişmesi ve benzeri şeyler...<br><a href="http://threedubmedia.com/code/event/drag/demo/active">demo</a><br>______________ <strong>proxy</strong> ______________<br>öğenin yansımasını sürüklemeye yarar. taşınabilir yaptığınız öğeler bazen fazlaca büyük olabilirler. ya da bir video öğesini sürükletmek isteyebilirsiniz. böyle durumlarda ziyaretçilerin grafik işlemcileri zayıf ise akışkan bir sürükleme deneyimi yaşayamazlar. takılmalar olur. bu dezavantajı aşmak için, öğe sürüklenmek istenirse içi boş, sisteme yük bindirmeyen bir kutuyu sürüklemeye başlarsınız. bıraktığınız yere esas sürüklemek istediğiniz kutu bir anda taşınır. işletim sistemleri de (windows, linux vb) grafik işlemcisi yetersiz olduğunda öğeleri sürüklemek için bu metoddan faydalanırlar.<br><a href="http://threedubmedia.com/code/event/drag/demo/proxy">demo</a><br>______________ <strong>z-index</strong> ______________<br>z-index, derinlik indeksi demektir. iki ve daha fazla sürüklenebilir öğe üst üste geldiğinde sürükleyeceğiniz öğe bütün öğelerin altında bile kalmış olsa, sürüklediğiniz anda hepsinin üzerinde görünmeye başlar. bilindiği gibi "z" isimli matematik değişkeni, 3 boyutlu uzayda derinlik değerini tutan değişkendir.<br><a href="http://threedubmedia.com/code/event/drag/demo/zindex">demo</a><br>______________ <strong>revert</strong> ______________<br>öğeler adreslerini bilir hale gelir. bir öğeyi nereye sürüklerseniz sürükleyin, bıraktığınızda başlangıç noktasına geri dönmesini sağlar.<br><a href="http://threedubmedia.com/code/event/drag/demo/revert">demo</a><br>______________ <strong>multi</strong> ______________<br>aynı anda 2 ve daha fazla öğeyi sürüklemeyi sağlar. bir defada sürüklemek istenen öğeler tıklanarak işaretlenmelidir. öğe seçimi bittiğinde herhangi bir öğeyi sürüklemeye başladığınızda işaret koyduğunuz öğelerin hepsi mouse hareketinizi takip etmeye başlar. oldukça kullanışlı bir özellik.<br><a href="http://threedubmedia.com/code/event/drag/demo/multi">demo</a><br>______________ <strong>offset</strong> ______________<br>mouse işaretini öğe üzerinde ortalar. bir öğeyi sürüklemeye başladığınız anda öğenin tam orta noktası mouse işaretinin altına getirilir. böylece öğeyi tam orta yerinden sürüklemeye devam edilebilir. sürüklemeyi kolaylaştırmaya yönelik bir özellik.<br><a href="http://threedubmedia.com/code/event/drag/demo/offset">demo</a><br>______________ <strong>live</strong> ______________<br>dinamik biçimde sürüklenebilir öğe oluşturmanızı sağlar. html dökümanınızda sürüklenme özelliği olan hiç bir öğe bulunmasa bile, ziyaretçinin davranışlarına göre tepki amaçlı taşınabilir öğe oluşturmanızı sağlar. özellikle "alert box" gibi kullanıcıya anlık hata iletileri veren pencereler yapmakta faydalı olur.<br><a href="http://threedubmedia.com/code/event/drag/demo/live">demo</a><br>______________ <strong>which</strong> ______________<br>mouse'un sağ tuşuyla öğeyi sürüklemek gerektiğinde faydasını gösterir.<br><a href="http://threedubmedia.com/code/event/drag/demo/which">demo</a><br>______________ <strong>click</strong> ______________<br>bir çeşit sayaç fonksiyonudur. bir öğenin kaç defa tıklandığını sayar. sürüklenebilen her bir öğenin kendine özel bir de tıklama sayacı bulunur. istatistik tutmak istediğinizde iş görebilir.<br><a href="http://threedubmedia.com/code/event/drag/demo/click">demo</a><br>______________ <strong>not</strong> ______________<br>sürüklenebilir öğeler üzerinde kör noktalar oluşturmanızı sağlar. mesela taşınabilir kutu içinde link kullanıldığında bu linkten tutup kutuyu sürüklemek imkansız hale gelir.<br><a href="http://threedubmedia.com/code/event/drag/demo/not">demo</a><br>______________ <strong>distance</strong> ______________<br>sürüklemeye başlamadan önce avans değeri vermeyi sağlar. hemen tıklanır tıklanmaz yerinden oynamasını istemediğiniz öğeler varsa bunlara bir miktar avans verirseniz sürükleme miktarı avansı aşmadan öğe hareket etmez.<br><a href="http://threedubmedia.com/code/event/drag/demo/distance">demo</a><br>______________ <strong>resize</strong> ______________<br>öğenin boyutlarını orantısızca değiştirmek için faydalıdır. bilindiği gibi resimleri kırpmak için klavuz yüzeylere ihtiyaç vardır. söz konusu katmanları üretmek için kullanılabilir.<br><a href="http://threedubmedia.com/code/event/drag/demo/resize">demo</a><br>______________ <strong>resize2</strong> ______________<br>resize ile aynı görevi yapar. ek olarak orantılı boyutlandırma özelliği bulundurur. öğelerin tam 8 noktasına boyutlandırma noktası ekler.<br><a href="http://threedubmedia.com/code/event/drag/demo/resize2">demo</a><br>______________ <strong>draw</strong> ______________<br>yazı tahtasına ihtiyacınız varsa işinizi görebilir. canvas desteği olan modern tarayıcılar üzerinde çalışmaktadır.<br><a href="http://threedubmedia.com/code/event/drag/demo/draw">demo</a><br>__________________________________________<br><strong>kaynak</strong> : <a href="http://plugins.jquery.com/project/drag">plugins | jquery</a><br>__________________________________________</p> <p>Bu yazıda sürükleme işlemini çözmüş olduk. sonraki yazıda "drop" yani bırakma işlerini düzenleyen bir eklentiden bahsedeceğim. Takipte kalın...</p> <p><strong>Devam edecek...</strong></p><p><strong>ilgili yazılar</strong><ul><li><a href="http://www.bildirgec.org/yazi/jquery-oge-drop-aparati-2">jquery öğe "drop" aparatı - 2</a> (0)</li></ul></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/lazaronnie">lazaronnie</a> tarafından <a href=" http://www.bildirgec.org/yazi/jquery-oge-surukleme-aparati-1 ">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> Sat, 28 Aug 2010 07:55:00 GMT 89691@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/jquery-oge-surukleme-aparati-1 eklenti javascript plugin drop resize draw sürükle bırak bırakma jquery drag and drop sürükleme picker