http://www.bildirgec.org/ tr-tr 40 bildirgec.org - allthein - beğendikleri allthein <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools00.png' alt="\"\"" border="0"><br></div><br>Hazır sözü <a href="http://www.bildirgec.org/yazi/2008-in-en-iyi-javascript">2008'in En İyi JavaScript Kaynakları</a>'ndan açmışken <a href="http://www.bildirgec.org/yazi/jquery-nin-en-pratik-ve">jQuery'nin pratikliği</a> karşısında dimdik duran ve kimilerine göre jQuery'nin pabucunu yakında dama attıracak olan bir başka JavaScript kütphanesi mooTools'dan bahsetmeden olmaz. <p>Bu yazımda, bugüne kadar yayımlanan <strong>en iyi 65 mooTools eklentisini</strong> sizlerle paylaşmak istiyorum. Listede olmayan ve sizin de beğenerek kullandığınız mooTools eklentileri varsa paylaşmaktan çekinmeyin.</p> <p><strong><a href="http://davidwalsh.name/smooth-scroll-mootools">SmoothScroll</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools1.png' alt="\"\"" border="0"><br></div><br>SmoothScroll kullanıcıyı sayfanın belirli bir bölgesine yumuşakça yönlendiriyor. Normalde bu tip bağlantılar kullanıldığında tarayıcı herhangi bir efekt olmadan sayfayı doğrudan istenen bölgeye taşır. SmoothScroll işte bu eylemi yavaşlatarak kullanıcının gözüne daha hoş gelecek şekilde yeniden tanımlıyor.</p> <p><!-- buradan kes --></p> <p><strong><a href="http://www.wollzelle.com/os/multiple-select-widget/">MultipleSelect</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools2.png' alt="\"\"" border="0"><br></div><br>MultipleSelect HTML çoklu seçim kutucuklarına özel stil eklemenizi sağlıyor. Üstelik birden fazla öğe seçmek için CTRL tuşuna basılı tutmanız da gerekmiyor.</p> <p><strong><a href="http://davidwalsh.name/mootools-typewriter">Typewriter Effect</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools3.png' alt="\"\"" border="0"><br></div><br>MooTools kullanılarak oluşturulmuş güzel görünümlü bir daktilo efekti.</p> <p><strong><a href="http://greengeckodesign.com/projects/moocolumns.aspx">MooColumns</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools4.png' alt="\"\"" border="0"><br></div><br>MooColumns bir MooTools 1.2 sınıfı olup içeriği birden fazla sütuna kolayca ve çabucak bölümlendirebilmenizi sağlıyor.</p> <p><strong><a href="http://woork.blogspot.com/2008/07/news-ticker-with-horizontal-scroller.html">Yatay kaydırmalı haber bandı</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools5.png' alt="\"\"" border="0"><br></div><br>Bu haber bandı çok basit olup web projelerine entegre edilmesi çok kolay. Newsvine Live panel'den esinlenen bu eklentinin göze oldukça hoş gelen bir efekti mevcut.</p> <p><strong><a href="http://greengeckodesign.com/projects/mooscroll.aspx">MooScroll</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools6.png' alt="\"\"" border="0"><br></div><br>MooScroll bir MooTools 1.2 sınıfı olup kaydırılabilir divler üzerindeki kaydırma çubuğunun görünümünü özelleştirebilmenizi sağlıyor.</p> <p><strong><a href="http://web-kreation.com/index.php/tutorials/nice-login-and-signup-panel-using-mootools-12/">Giriş Panelini Göster/Gizle</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools7.png' alt="\"\"" border="0"><br></div><br>Sayfanın üst kısmından aşağı yumuşakça kayan güzel bir giriş paneli.</p> <p><strong><a href="http://www.rborn.info/blog/kroppr-image-cropping-script/">Kroppr</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools8.png' alt="\"\"" border="0"><br></div><br>Kroppr güçlü bir betik olup ziyaretçilerine imaj kırpma desteği sunmak isteyen tüm site sahiplerinin işini kolaylaştıracak nitelikte. Diğer betiklerin aksine Kroppr resimleri döndürebilir, yakınlaştırabilir ve flash ya da java gibi herhangi harici bir eklenti kullanmadan imajları taşıyabilir. Kırpma işlemi kullanıcı seçiminden memnun olduktan sonra gerçekleştirildiğinden hem sunucuya bindirilen yük hem de kullanıcının işlem süresi azaltılmış oluyor. Kesinlikle önerilir.</p> <p><strong><a href="http://davidwalsh.name/mootools-countdown-plugin">Sayaç Eklentisi</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools9.png' alt="\"\"" border="0"><br></div><br>Internet üzerinde ziyaretçinin bir işlemin sonucunu alabilmesi için bir süre beklemesini gerektiren ve bu esnada ekranda sayaç gösteren pek çok web sitesi bulunuyor, örneğin RapidShare. MooTools kullanılarak oluşturulan bu eklenti, sitenize benzer bir özelliği kolayca entegre edebilmenizi sağlıyor.</p> <p><strong><a href="http://nettuts.com/tutorials/php/twitter-emulation-using-mootools-12-and-php/">Twitter Emulation</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools10.png' alt="\"\"" border="0"><br></div><br>Dünyanın her bir köşesindeki insanlar, Twitter'ı kullanımı çok kolay olduğu için seviyorlar, zira site üzerinde tek yapmanız gereken mesajınızı yazıp "Güncelle" düğmesine basmaktan ibaret. Pek çok kişinin bilmediği şey ise Twitter'ın işlevselliğini sitenize entegre edebilmenin aslında ne kadar kolay olduğu. PHP, MySQL ve MooTools JavaScript kullanılarak Twitter benzeri bir durum paylaşım sistemini sitenize kısa sürede entegre edebilirsiniz.</p> <p><strong><a href="http://davidwalsh.name/glitter-navigation-mootools-javascript">Fancy Navigation</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools11.png' alt="\"\"" border="0"><br></div><br>Navigasyon menüleri genellikle sıkıcıdır, öyle değil mi? Çoğu zaman navigasyon menüsünün üzerine fare ile gelindiğinde bir imaj belirir. Peki bunun orijinalliği nerede? Bu makalenin yazarı MooTools kullanarak güzel görünümlü bir navigasyon menüsü oluşturmuş. Menünün üzerine fare imleci götürüldüğünde zincir efekti oluşuyor.</p> <p><strong><a href="http://theuiguy.blogspot.com/2008/09/ultimate-dropdowns-v10.html">Select Box Factory 1.0</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools12.png' alt="\"\"" border="0"><br></div><br>Alternatif bir çoklu seçim kutusu örneği. Arama kutusuna birkaç harf girerek, site üzerindeki öğelerden birini aramayı deneyin. Listenin hemen yanında benzer bir liste, açılır liste olarak belirecektir (bu geçişi sağlamak yaklaşık 5 saniye kadar sürüyor).</p> <p><strong><a href="http://digitarald.de/project/autocompleter/">AutoCompleter</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools14.png' alt="\"\"" border="0"><br></div><br>MooTools için hazırlanan bu otomatik tamamlama betiği metin önerme ve tamamlama özelliklerini bir arada sunuyor. Yerel, JSON ya da XML gibi farklı veri kaynaklarını desteklediği gibi farklı kullanıcı etkileşimleri, özel biçimlendirme, çoklu seçim, animasyon ve çok daha fazlası için desteği de bünyesinde barındırıyor.</p> <p><strong><a href="http://www.artviper.net/moosocialize.php">mooSocialize</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools15.png' alt="\"\"" border="0"><br></div><br>mooSocialize düğmesine tıkladıktan sonra, beğendiğiniz sosyal ağı seçebileceğiniz bir pencere beliriyor. Her bir sosyal ağ servis isminin yanında bulunan küçük resim, kullanıcının aradığı servisi kolayca bulabilmesini sağlıyor. Ama hepsi bu değil - bağlantılara tıkladığınızda bulunduğunuz sayfadan başka bir sayfaya yönlendirilmiyorsunuz, aksine seçilen sosyal ağ site üzerinde bir kutu içerisinde açılıyor. Kullanışlı ve kolay. Kutu üzerinde bulunan düğme aracılığı ile kutuyu gizlemek de mümkün.</p> <p><strong><a href="http://www.php-help.ro/mootools-12-javascript-examples/mootools-12-image-slider-slideitmoo/">SlideItMoo</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools16.png' alt="\"\"" border="0"><br></div><br>SlideItMoo, imajlar için bir MooTools 1.2 kaydırıcısı. Pek çok tarayıcı üzerinde sorunsuz çalışan bu eklenti, JavaScript'in etkin olmadığı zamanlarda bile görünümü ve işlevselliğini bozmuyor. Tüm CSS stillemesi harici olarak yapılmış. Kaydırma işlemi hem ileri ve geri düğmeleri ile hem de fare üzerinde bulunan tekerlek aracılığı ile yapılabilir. Betik hem bir galerinin küçük resimlerini hem de reklam bannerlarını döndürmek için kullanılabilir. Betiği kullanım amacınızı değiştirmek de çok kolay, tek yapmanız gereken betiği sayfanıza eklerken kullanmak istediğiniz sınıfı belirlemek.</p> <p><strong><a href="http://www.digitalia.be/software/reflectionjs-for-mootools">mooTools ile Yansıma (Reflection) Efekti</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools17.png' alt="\"\"" border="0"><br></div><br>Bir ara popüler olan reflection.js'nin mooTools JavaScript çatısı için yeniden yazılmış sürmü. 2KB'dan küçük olan bu eklenti sayesinde sitenizdeki imajlar üzerinde herhangi bir oynama yapmadan onlara yansıma efekti ekleyebilmeniz mümkün hale geliyor.</p> <p><strong><a href="http://blog.dansnetwork.com/2008/10/03/mootools-events-calendar-web-embeddable-javascript-calendar/">MooTools Etkinlik Takvimi</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools18.png' alt="\"\"" border="0"><br></div><br>Resmi olmayan MooTools Etkinlik Takvimi eklentisinin resmi sürümü. Halihazırda kullanılan web projelerine entegre edilebilen bu takvim, mooTools JavaScript çatısını kullanıyor. Şimdilik halen geliştirilme aşamasında olan bu betiğin şu anki hali bile pek çok kullanıcının işini görecektir.</p> <p><strong><a href="http://davidwalsh.name/ajax-username-availability-checker-mootools">AJAX Kullanıcı Adı Kontrol Mekanizması</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools19.png' alt="\"\"" border="0"><br></div><br>Sitenize kayıt olmak üzere olan bir kullanıcının seçtiği kullanıcı adının sitede daha önce bir başkası tarafından alınmış olup olmadığını kontrol etmek için neden kullanıcıyı formu göndermek zorunda bırakasınız? AJAX ve MooTools 1.2 kullanılarak kullanıcı adı girildiği anda kontrol işleminin nasıl yapılabileceğini öğrenin.</p> <p><strong><a href="http://woork.blogspot.com/2008/08/elegant-glass-style-navigation-bar.html">Cam efektine sahip işlevsel navigasyon çubuğu</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools20.png' alt="\"\"" border="0"><br></div><br>Ana menü üzerindeki bir sekmeye fare imlecinizi götürürken seçili olan sekmeye ait alt menü öğeleri görüntüleniyor. O sırada navigasyon çubuğunun sağ kısmında alt menüleri gizleyebileceğiniz 'Gizle' bağlantısı yer alıyor. Bağlantıya tıklandığında alt menü öğeleri güzel bir efektle gizleniyor ya da yeniden tıklandığında görüntüleniyor.</p> <p><strong><a href="http://www.hotajax.org/mootools/accordions-menu-form/574-html-form-tips-using-mootools.html">HTML Form İpuçları</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools21.png' alt="\"\"" border="0"><br></div><br>Twitter benzeri bir karakter sayacı olan bu eklenti MooTools ile hazırlanmış. Giriş kutusuna karakter girdikçe, daha önceden tanımlayacağınız en yüksek karakter sayısı girilen karakter miktarına göre gittikçe azalıyor.</p> <p><strong><a href="http://www.artviper.net/mooFlickr/">mooFlickr</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools23.png' alt="\"\"" border="0"><br></div><br>Eğer Flickr istatistiklerinizi blogunuzda ya da web sayfanızda göstermek istiyorsanız bu küçük eklentiye ihtiyacınız olacaktır. Eklenti Flickr üzerinde gönderdiğiniz resimleri, sık kullandığınız etiketleri ve katıldığınız kullanıcı gruplarının bir listesini alabiliyor.</p> <p><strong><a href="http://woork.blogspot.com/2008/03/two-css-vertical-menu-with-showhide.html">Göster / Gizle efektine sahip CSS dikey menü</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools24.png' alt="\"\"" border="0"><br></div><br>Göster / Gizle efekti kullanılarak hazırlanmış ve göster/gizle efekti bulunan bir CSS dikey menüsü. Menünün ana öğeleri üzerine tıklandığında alt menü öğeleri bir efektle beliriyor.</p> <p><strong><a href="http://www.artviper.net/test/mooSlide2/">mooSlide</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools25.png' alt="\"\"" border="0"><br></div><br>mooSlide ile web siteniz üzerinde birkaç kaydırıcı elementini birden çağırabilirsiniz. Tek yapmanız gereken kaydırıcıyı bir sınıfa dahil etmek ve ardından betiğe o sınıfı tanıtmak.</p> <p><strong><a href="http://www.outcut.de/MooFlow/example-skin.html">MooFlow</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools26.png' alt="\"\"" border="0"><br></div><br>Özünde bir resim galerisi olan bu eklenti, görünümü ile kendini benzerlerinden ayırıyor. iTunes'un CoverFlow özelliğinin web sitenizdeki resimlere entegre edebilmeniz için mükemmel bir eklenti.</p> <p><strong><a href="http://www.artviper.eu/mootoolssecureform/">AJAX MooTools Güvenli İletişim Formu</a></strong><br>MooTools 1.1 çatısını kullanan bu iletişim formu form alanlarını kontrol ederek kullanıcıya eş zamanlı olarak girilen verinin doğru olup olmadığını bildiriyor. Örneğin İsim alanı sadece normal karakterleri, elektronik posta alanı girilen adresin bir elektronik posta adresinin karakterlerini içerip içermediğini ve mesaj alanı üzerinde de web sitesi adresinin girilmesini engelleyerek spam mesajların önüne geçilmesini sağlıyor.</p> <p><strong><a href="http://davidwalsh.name/facebook-sliders-with-mootools-and-css-now-with-image-generation">Facebook Kaydırıcıları</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools28.png' alt="\"\"" border="0"><br></div><br>Yumuşak bir kaydırma efekti.</p> <p><strong><a href="http://www.hotajax.org/content/view/211/420/">Fotoğraf Galerisi</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools29.png' alt="\"\"" border="0"><br></div><br>Büyüleyici bir interaktif fotoğraf galerisi (<a href="http://www.hotajax.org/download/mootools/e2_photo_gallery_full/index.php">Demo burada</a>)</p> <p><strong><a href="http://www.outcut.de/">Noob Slide</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools30.png' alt="\"\"" border="0"><br></div><br>Güzel görünümlü bir başka resim galerisi.</p> <p><strong><a href="http://www.hotajax.org/content/view/491/420/">Simple 3D Carousel</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools66.png' alt="\"\"" border="0"><br></div><br>Gelişmiş bir 3B karusel.</p> <p><strong><a href="http://www.phatfusion.net/slider/">Kaydırıcı</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools32.png' alt="\"\"" border="0"><br></div><br>Yatay ve dikey çubuk ve kaydırıcısı.</p> <p><strong><a href="http://www.hotajax.org/content/view/468/420/">Arkaplanı tıklayarak değiştirmek</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools33.png' alt="\"\"" border="0"><br></div><br>Dinamik renk seçicisi - renk değiştiricisi. Renkler üzerine tıklandığında arkaplan değişiyor.</p> <p><strong><a href="http://www.silverscripting.com/pamoorama/index.php">Pamoorama</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools34.png' alt="\"\"" border="0"><br></div><br>Sayfa ilk yüklendiğinde resmin bir bölümünü gösteriyor. Ardından üzerine fare imleci götürülüp sürüklenerek imajın geri kalan kısımları görüntülenebiliyor. MooTools kullanarak panaromik efekt oluşturmak isteyenlere.</p> <p><strong><a href="http://www.hotajax.org/content/view/213/420/">MooTools ile ipuçları</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools35.png' alt="\"\"" border="0"><br></div><br>Güzel görünümlü bir ipucu tanıtımı.</p> <p><strong><a href="http://tutorialdog.com/javascript-image-gallery-using-mootools/">JavaScript Resim Galerisi</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools36.png' alt="\"\"" border="0"><br></div><br>Basit ama kullanışlı bir resim galerisi.</p> <p><strong><a href="http://www.hotajax.org/content/view/212/420/">Basit bir Navigasyon Çubuğu</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools37.png' alt="\"\"" border="0"><br></div><br>Basit ve kullanımı kolay bir navigasyon çubuğu.</p> <p><strong><a href="http://www.hotajax.org/content/view/210/420/">Slidinglist</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools38.png' alt="\"\"" border="0"><br></div><br>Ağaç dosya sistemi benzeri kayan bir navigasyon sistemi.</p> <p><strong><a href="http://www.phatfusion.net/multibox/">Multibox</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools39.png' alt="\"\"" border="0"><br></div><br>Resim, Flash, Video, MP3 ve HTML destekleyen bir lightbox örneği.</p> <p><strong><a href="http://www.phatfusion.net/imagemenu/">Resim Menüsü</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools40.png' alt="\"\"" border="0"><br></div><br>Üzerine fare imleci getirildiğinde imajın geri kalanını gösteren yatay bir menü.</p> <p><strong><a href="http://icebeat.bitacoras.com/mootools/growl/">Window Growl</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools41.png' alt="\"\"" border="0"><br></div><br>Farklı bir ipucu eklentisi.</p> <p><strong><a href="http://digitarald.de/playground/remooz.html">ReMooz</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools42.png' alt="\"\"" border="0"><br></div><br>SqueezeBox'tan daha sade ve kolay olan bir eklenti. Resmin üzerine tıkladığınızda resmin orijinal boyutunu görebiliyorsunuz.</p> <p><strong><a href="http://www.hotajax.org/content/view/98/420/">Accordions</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools43.png' alt="\"\"" border="0"><br></div><br>Güzel görünümlü ve yumuşak geçiş efektleri olan bir navigasyon eklentisi.</p> <p><strong><a href="http://www.electricprism.com/aeron/slideshow/">Slideshow</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools44.png' alt="\"\"" border="0"><br></div><br>En fazla özelliğe sahip olan en iyi resim galerisi / slayt gösterisi uygulamalarından birisi. Çok iyi bir eklenti.</p> <p><strong><a href="http://www.artviper.net/test/ajaxslide/">mooSlide (lightbox'un yerine)</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools45.png' alt="\"\"" border="0"><br></div><br>mooSlideBox, AJAX tabanlı küçük ve sade bir uzantı. Özellikle lightbox kullanmak istemeyenlerin ihtiyaçlarını karşılayacak türden.</p> <p><strong><a href="http://www.phatfusion.net/pageloader/">Sayfa Yükleyicisi</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools46.png' alt="\"\"" border="0"><br></div><br>Bir başka sayfadaki div'i geçerli sayfadaki div içerisine yükleyebilirsiniz.</p> <p><strong><a href="http://ejectmedia.net/examples/moo_textareas/">textarea'yı genişlet</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools47.png' alt="\"\"" border="0"><br></div><br>Sadece bir form oluşturmanız yeterli. Betik, textarea form alanının boyutunun kullanıcı tarafından değiştirilebilmesini mümkün kılıyor.</p> <p><strong><a href="http://www.nogray.com/time_picker.php">JavaScript Zaman Seçicisi</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools48.png' alt="\"\"" border="0"><br></div><br>Çok kolay sürükle-bırak arayüzünü kullanan ilk zaman seçicisi.</p> <p><strong><a href="http://www.andrewsellick.com/35/sexy-sliding-javascript-side-bar-menu-using-mootools">JavaScript İle Hazırlanmış Seksi Yan Çubuk Kayan Menü Sistemi</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools49.png' alt="\"\"" border="0"><br></div><br>Yumuşak ve evet, SEKSİ yan çubuk menüsü.</p> <p><strong><a href="http://www.phatfusion.net/slideshow/">Slayt Gösterisi</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools50.png' alt="\"\"" border="0"><br></div><br>Resimler arasında yumuşak geçiş efekti.</p> <p><strong><a href="http://joeabiraad.com/ajax/ajax-login-form-php-javascript/89">AJAX İle Hazırlanmış Giriş Formu</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools51.png' alt="\"\"" border="0"><br></div><br>Kullanımı kolay bir giriş formu.</p> <p><strong><a href="http://digitarald.de/project/fancyupload/">FancyUpload</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools52.png' alt="\"\"" border="0"><br></div><br>Güzel görünümlü dosya gönderimleri için SWF AJAX ile birleşti.</p> <p><strong><a href="http://www.phatfusion.net/validate/">Doğrulama</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools53.png' alt="\"\"" border="0"><br></div><br>Sade bir form doğrulama mekanizması.</p> <p><strong><a href="http://www.phatfusion.net/sortabletable/">Dizilebilir Tablo</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools54.png' alt="\"\"" border="0"><br></div><br>Tabloları dizin ve filtreleyin.</p> <p><strong><a href="http://www.silverscripting.com/mootabs/">MooTabs - MooTools İçin Basit Sekme Sınıfı</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools55.png' alt="\"\"" border="0"><br></div><br>MooTabs gerçekten çok küçük (3KB) ve adından da anlaşılabileceği gibi basit sekmeli navigasyon sistemi hazırlamak isteyenler için düşünülmüş. jQuery, MooTools gibi üçüncü parti JavaScript kütüphanelerini kullanmadan sekmeli içerik oluşturmak isteyenler için <a href="http://www.bildirgec.org/yazi/jquery-siz-mootools-suz-basit">bir de bu var</a>.</p> <p><strong><a href="http://techblog.billkrueger.com/2006/10/11/mootools-sortable-list-example/">Sıralanabilir Liste Örneği</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools56.png' alt="\"\"" border="0"><br></div><br>Sürükle-bırak desteğine sahip sıralanabilir liste. İşe yarar olabilir.</p> <p><strong><a href="http://www.electricprism.com/aeron/calendar/">Takvim</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools57.png' alt="\"\"" border="0"><br></div><br>Calendar (Takvim) bir JavaScript sınıfı olup form elementlerine erişilebilir ve kullanımı kolay tarih seçicileri ekler.</p> <p><strong><a href="http://www.phatfusion.net/roundedcorners/">MooTools İle Yuvarlatılmış Köşeler</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools58.png' alt="\"\"" border="0"><br></div><br>Sitenizde halihazırda bulunan divler üzerine yuvarlatılmış köşeler ekler.</p> <p><strong><a href="http://iaian7.com/webcode/Mediabox">Mediabox</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools59.png' alt="\"\"" border="0"><br></div><br>Mediabox, "lightbox" tarzında bir pencere üzerinde flash, video ve html içeriğini görüntüleyebilmenizi sağlar.</p> <p><strong><a href="http://moo.floor.ch/docs/files/formcheck-js.html">Form Kontrolü</a></strong><br>Formlar üzerinde farklı testler uygular ve hataları vurgular.</p> <p><strong><a href="http://moorainbow.woolly-sheep.net/">mooRainbow</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools60.png' alt="\"\"" border="0"><br></div><br>mooTools çatısı altında inşa edilmiş bir renk seçicisi (color picker).</p> <p><strong><a href="http://www.phatfusion.net/lightbox/">Lightbox</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools61.png' alt="\"\"" border="0"><br></div><br>Geçerli sayfanın üzerinde beliren satıriçi resim penceresi.</p> <p><strong><a href="http://smoothgallery.jondesign.net/what/">SmoothGallery</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools62.png' alt="\"\"" border="0"><br></div><br>Bu JavaScript galerisi ve slayt gösterisi sistemi sitenize sade ve yumuşak geçiş efektleri bulunan resim galerileri, slayt gösterileri, vitrinler gibi kullanışlı öğeler ekleyebilmenizi sağlar.</p> <p><strong><a href="http://www.hotajax.org/content/view/514/420/">Popmenu</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools63.png' alt="\"\"" border="0"><br></div><br>Arkaplan imajı yavaşça belirerek karaktersiz menülerinize canlılık katar.</p> <p><strong><a href="http://www.unwieldy.net/moowheel/">MooWheel</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools64.png' alt="\"\"" border="0"><br></div><br>Bu betiğin amacı JavaScript ve tuval nesnesi kullanılarak verinin görselleştirilebilmesine dair özgün ve kullanışlı bir örnek oluşturmak. Bu tip görselleştirmeler özellikle farklı nesneler arasındaki bağlantıları göstermek için kullanılabilir.</p> <p><strong><a href="http://www.moord.it/">moo.rd</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools65.png' alt="\"\"" border="0"><br></div><br>Bu bir dizi örnek uygulama moo.rd'nin nasıl çalıştığını ve sizin moo.rd ile nasıl çalışabileceğinizi gösteriyor. MooTools'un gücüne güç katmak için eşsiz bir uzantı.</p> <p><strong><a href="http://greghoustondesign.com/demos/mocha/">Mootools Mocha UI</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/mootools30-2.png' alt="\"\"" border="0"><br></div><br>Mocha bir web uygulama arabirim kütüphanesi olup doğrudan MooToools JavaScript kütüphanesi üzerine inşa edilmiştir. Mocha grafiksel kullanıcı arabirim bileşenleri tuval etiket grafikleri ile oluşturulmuş çok gelişmiş bir kütüphane.</p> <ul> <li><strong>Kaynak:</strong> <a href="http://speckyboy.com/2008/12/15/best-ever-65-mootools-plugins-and-demos-is-it-better-than-jquery/">speckyboy</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/allthein">allthein</a> tarafından <a href=" http://www.bildirgec.org/yazi/en-iyi-65-mootools-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, 26 Jan 2009 18:55:00 GMT 193917@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/en-iyi-65-mootools-eklentisi