http://www.bildirgec.org/ tr-tr 40 bildirgec.org - waybe007 - beğendikleri waybe007 <div class="imajsol"><img src='http://www.bildirgec.org/imaj/lazaronnie/2350574456-dc2e2ca4ce.jpg' alt="jQuery" width="260" border="0"></div><a href="http://jquery.com/">jquery</a> <a href="http://www.bildirgec.org/ara/jquery">+</a> çıktığından beri <a href="http://www.kodaman.org/ara/jquery">web</a> siteleri renklendi, hareketlendi. ancak kimi zaman güzel ve işe yarar <a href="http://www.bildirgec.org/ara/eklenti">eklenti</a>ler bulmak kolay olmuyor. <a href="http://www.bildirgec.org/ara/ücretsiz">ücretsiz</a> olmaları da ayrıca önemli. işte acil ihtiyaç duyulduğunda işimize yarayacak bir kaç güzel juery eklentisi. <p>-----------------------------------<br>jquery'nin <a href="http://jqueryui.com/">ui (user interface) projesi </a>kapsamında geliştirmeye tabi bulunan bu uygulama bir <a href="http://www.bildirgec.org/ara/işletim+sistemi">işletim sistemi</a>ninki kadar görsel bir <a href="http://www.kodaman.org/ara/takvim">takvim</a> uygulamasını ziyaretçilerinize sunmanızı sağlıyor. insanları yazarak değil de görsel yöntemlerle tarih vermeye ikna etmiş oluyorsunuz.<br><!-- buradan kes --><br><div class="imajorta"><a href="http://marcgrabanski.com/pages/code/jquery-ui-datepicker"><img src='http://www.bildirgec.org/imaj/lazaronnie/jquery-ui-datepicker.jpg' alt="1. jquery Hover Sub Tag Cloud " border="0"></a><br>5. jQuery UI Datepicker Project </div><br>----------------------------------------</p> <p>bu kıymetli uygulama ise <a href="http://www.flicker.com">flicker </a>isimli ünlü <a href="http://www.bildirgec.org/ara/fotoğraf">fotoğraf</a> paylaşım sitesinden albümleri alıp sitenizde yayınlamanıza olanak veriyor. resimlerin bulunması ve sayfanıza taşınması sırasında flicker'ın sunduğu <a href="http://www.kodaman.org/ara/api">api</a> hizmetinden faydalanılmış.<br><div class="imajorta"><a href="http://www.projectatomic.com/2008/04/jquery-flickr/"><img src='http://www.bildirgec.org/imaj/lazaronnie/jquery-flickr.jpg' alt="2. jQuery Flickr " border="0"></a><br>6. jQuery Flickr </div><br>-------------------------------------</p> <p>jquery ile istemci tarafında <a href="http://www.bildirgec.org/ara/ön+izleme">thumb</a> (ön izleme) oluştuyrma işini halletmek istiyorsanız bu ufak boyutlu eklenti tam size göre.<br><div class="imajorta"><a href="http://joanpiedra.com/jquery/thumbs/"><img src='http://www.bildirgec.org/imaj/lazaronnie/pic.png' alt="jQuery Thumbs" border="0"></a><br>3. jQuery Thumbs</div><br>-----------------------------------------</p> <p>resimlerinizi kullanışlı bir <a href="http://www.bildirgec.org/ara/animasyon">animatör</a> penceresi içinden sunsaydınız nasıl olurdu? bu becerikli eklenti bir çok resminizi yan yana dizip, çizdiği ekran içinde bir sağa bir sola kaydırarak küçücük bir alanda göstermenizi sağlıyor.<br><div class="imajorta"><a href="http://blog.joshuaeichorn.com/archives/2007/01/11/jquery-image-strip/"><img src='http://www.bildirgec.org/imaj/lazaronnie/jquery-image-strip.jpg' alt="4. jQuery Image Strip" border="0"></a><br>2. jQuery Image Strip</div><br>--------------------------------</p> <p>hemen anlaşıldığı gibi bu bir <a href="http://www.bildirgec.org/ara/renk">renk</a> seçim paleti. 16milyondan daha fazla rengi seçmenize imkan sağlıyor. renk konusu geçen her alanda bu paleti çekinmeden kullanabilirsiniz. istediğiniz formatta <a href="http://www.bildirgec.org/ara/renk+kodu">renk kodu</a> verebiliyor. (hex, rgb, hsb vs)<br><div class="imajorta"><a href="http://eyecon.ro/colorpicker/"><img src='http://www.bildirgec.org/imaj/lazaronnie/jquery-color-picker.jpg' alt="5. Color Picker - jQuery plugin " border="0"></a><br>3. Color Picker - jQuery plugin </div><br>--------------------------------</p> <p>sayfanızda sık aranan kelimeleri sunmayı anlıyoruz. peki ya bunları da kategoriler şeklinde yapılandırabilsek? kelimenin üzerine gelindiğinde alt kategorisine dahil bulunan diğer kelimeler <a href="http://www.kodaman.org/ara/pop-up">pop-up</a> içinde görüntüleniyor. böylelikle takdir edersiniz ki azıcık bir yere yüzlerce kelimelik <a href="http://www.kodaman.org/yazi/siteniz-icin-etiket-bulutu-flash">etiket bulutu</a> yerleştirmeniz mümkün oluyor.<br><div class="imajorta"><a href="http://www.noupe.com/css/jquery-hover-sub-tag-cloud.html"><img src='http://www.bildirgec.org/imaj/lazaronnie/tagcloud.jpg' alt="6. jquery Hover Sub Tag Cloud " border="0"></a><br>4. jquery Hover Sub Tag Cloud </div><br>------------------------------</p> <p>geliştiricisinin iddiasına göre bu uygulama mükemmel web formları inşaa etmenize yardımcı oluyormuş. nedir o mükemmel olan derseniz, herhangi bir form elemanına tıkladınız diyelim. bu elemanın dahil olduğu grubu komple parlatıyor. <br><div class="imajorta"><a href="http://www.jankoatwarpspeed.com/post/2008/06/09/Building-a-better-web-forms-Context-highlighting-using-jQuery.aspx"><img src="http://www.jankoatwarpspeed.com/image.axd?picture=WindowsLiveWriter/BuildingabetterwebformsContexthighlighti_BFD3/highlight row_3.png" alt="7. jQuery Flickr " width="350" border="0"></a><br>7. Building better web forms </div><br>-----------------------------------</p> <p>web sitenize giren kişilerin birbirinden haberdar olması ne güzel olurdu değil mi? sayfanızı bir anda kahvehane ortamına çevirmenize yardımcı olan bu uygulamayı php desteği veren sunucunuza yönlendirerek kullanabilirsiniz.<br><div class="imajorta"><a href="http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-a-simple-web-based-chat-application/"><img src='http://www.bildirgec.org/imaj/lazaronnie/final.png' alt="8. Web-based Chat Application with PHP and jQuery" border="0"></a><br>8. php ve jquery ile Web tabanlı chat uygulaması</div><br>--------------------------------</p> <p>kategori sisteminizi işletim sistemlerinden aşina olduğumuz dosya seçici ağaç biçiminde sunmak istiyorsanız bu uygulama işinizi görecektir. insanlara alışık olduğu bir <a href="http://www.kodaman.org/yazi/arayüz">arayüz</a> üzerinden içerik sunmak akıllıca bir yöntem olacaktır.<br><div class="imajorta"><a href="http://abeautifulsite.net/notebook_files/58/demo/"><img src='http://www.bildirgec.org/imaj/lazaronnie/jquery-file-tree.jpg' alt="9. jQuery File Tree Demo" border="0"></a><br>9. jQuery File Tree Demo</div><br>-----------------------------------</p> <p>bir çok <a href="http://www.bildirgec.org/yazi/sosyal+platform">sosyal platform</a>dan <a href="http://www.facebook.com">+</a> <a href="http://www.twitter.com">+</a>, özellikle de google'dan aşina olduğumuz otomatik form tamamlama özelliğini siz de sitenizde kullanabilirsiniz. dökümanlar her ne kadar php üzerine hazırlanmış olsa da <a href="http://www.kodaman.org/yazi/json">json</a> formatına uygun olarak veri işaretleyebildiğiniz sürece her türlü <a href="http://www.kodaman.org/yazi/sunucu+tarafli">sunucu taraflı</a> platform ile sorunsuz kullanabilirsiniz.<br><div class="imajorta"><a href="http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/"><img src='http://www.bildirgec.org/imaj/lazaronnie/jquery-auto-complete.jpg' alt="10. jQuery plugin: Autocomplete " border="0"></a><br>10. jQuery plugin: Autocomplete </div></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/waybe007">waybe007</a> tarafından <a href=" http://www.bildirgec.org/yazi/10-harika-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> Fri, 10 Jun 2011 10:35:00 GMT 243593@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/10-harika-jquery-uygulamasi