http://www.bildirgec.org/ tr-tr 40 bildirgec.org - onurkaplan - beğendikleri onurkaplan <div class="imajorta"><img src='http://www.bildirgec.org/imaj/wrz/facebook-by-geniuos.jpg' alt="Facebook" border="0"><br><a href="http://www.facebook.com">Facebook</a></div><br> <p>Bu yazıda web tasarımcılara yardımcı olmak için <a href="http://www.facebook.com">Facebook</a> tarafından kullanılan popüler kaynakların bir listesini yapacağım.</p> <p>hadi başlayalım;</p> <div class="imajsag"><img src='http://www.bildirgec.org/imaj/wrz/faceboox.png' alt="\"\"" border="0"><br></div> <ol> <li><strong><a href="http://web2ajax.fr/examples/facebook_searchengine/">FaceBoox Arama</a></strong>: Facebook'da arama kutusuna bir kaç karakter yazdıktan sonra mümkün sonuçlar karşımıza dökülüyor. faceboox <a href="http://www.bildirgec.org/etiket/jquery">jquery</a> ve <a href="http://www.brandspankingnew.net/specials/ajax_autosuggest/ajax_autosuggest_autocomplete.html">BSN Autosuggest</a> kütüphanelerini kullanarak aynı fonksiyonaliteye ulaşmamızı sağlıyor. </li> <li><strong><a href="http://www.bigredswitch.com/blog/2008/12/autobox2/">Autobox 2</a></strong>: Autobox, facebook'ta mesaj yazarken karşımıza çıkan, kullanıcı adının kenarında bir x işareti ile silinebilir halde çerçevelendiği metin giriş alanları yaratmanızı sağlıyor.<div class="imajsag"><img src='http://www.bildirgec.org/imaj/wrz/tag.png' alt="\"\"" border="0"><br></div></li> <li><strong><a href="http://devthought.com/blog/projects-news/2009/04/the-new-textboxlist-is-here/">TextboxList</a></strong>: <a href="http://devthought.com/wp-content/projects/mootools/textboxlist/Demo/">demo</a>sundan da görülebileceği gibi aynen autobox gibi, etiket kelimeler girerken gerçekten insana rahatlık veriyor. <a href="http://www.bildirgec.org/etiket/MooTools">MooTools</a> betiği kullanılarak yapılmış.</li> </ol> <p><!-- buradan kes --></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/wrz/modal.png' alt="\"\"" border="0"><br></div> # <strong><a href="http://davidwalsh.name/facebook-modal-mootools">Modal Kutusu</a></strong>: Bu betik, facebook'un sayfanın ortasında çıkan kenarı yuvarlak dialog kutularından üretmenizi sağlıyor. <a href="http://www.bildirgec.org/etiket/mootools">mootools</a> ile yapılmış.<div class="imajsag"><img src='http://www.bildirgec.org/imaj/wrz/dahaeski.png' alt="\"\"" border="0"><br></div> # <strong><a href="http://davidwparker.com/2008/09/30/facebook-style-unobrusive-ajax-pagination-for-will_paginate-with-jquery/">Sayfalama</a></strong>: Bu sayfalama betiği jQuery ile oluşturulmuş. Facebook homefeed'inin en altında daha fazla haber göster dediğimizde yeni sayfa yüklemeden otomatikman yeni haberleri çekip gösteren uygulama. # <strong><a href="http://www.unwrongest.com/projects/elastic/">Elastic</a></strong>: içine uzun metinler girdiğimiz textareaların facebook'daki gibi içeriğine göre büyümelerini sağlayan bir <a href="http://www.bildirgec.org/etiket/jQuery">jQuery</a> eklentisi. Demosu <a href="http://sandbox.unwrongest.com/jquery.elastic/">burada</a>.<div class="imajsag"><img src='http://www.bildirgec.org/imaj/wrz/fb.png' alt="\"\"" border="0"><br></div> # <strong><a href="http://famspam.com/facebox">Facebox</a></strong>: Facebox, yeni sayfa yüklemeden arka arkaya imajlar, html parçaları hatta başka siteler gösterebilen şık bir eklenti. <a href="http://www.bildirgec.org/etiket/jquery">jquery</a> ile yapılmış.<div class="imajsag"><img src='http://www.bildirgec.org/imaj/wrz/fb4.png' alt="\"\"" border="0"><br></div> # <strong><a href="http://onehackoranother.com/projects/jquery/tipsy/">Tipsy</a></strong>: jQuery eklentisi ile başlığın üzerine geldiğinde şık bir şekilde açıklama gösterilebilir. # <strong><a href="http://plugins.movabletype.org/action-streams/index.html">Action Streams</a></strong>: Eğer blogunuz <a href="http://www.bildirgec.org/etiket/Movable-Type">Movable Type</a> 4 ise kullanabileceğiniz bir eklenti. Facebook'taki aktivite nehri ya da <a href="http://www.friendfeed.com">friendfeed</a> gibi bir listeyi blogunuza koymanızı ve bir çok servisteki aktivitelerinizi sergilemenizi sağlıyor. <div class="imajorta"><img src='http://www.bildirgec.org/imaj/wrz/facebook-ui-icons-vector-by-lopagof.png' alt="Facebook" border="0"></div> # <strong>Uygulama ikonları</strong>: Kullanıcının ruhunu okşayan vektör formatında 28 ücretsiz facebook ikonuna <a href="http://www.visual-blast.com/graphics/icons/free-facebook-application-icons-in-vector-format/">buradan</a> ulaşabilirsiniz. # <strong><a href="http://code.google.com/p/moofacebox/">mooFacebook</a></strong>: Chris Wanstrath tarafından <a href="http://www.bildirgec.org/etiket/jquery">jquery</a> ile yazılmış olan facebox'un <a href="http://www.bildirgec.org/etiket/MooTools">MooTools</a> versiyonu.<div class="imajorta"><img src='http://www.bildirgec.org/imaj/wrz/fb2.png' alt="\"\"" border="0"><br></div> # <strong>Facebook kaydırgaçları</strong>: Facebook'da mahremiyet ayarlarını yapmamızı sağlayan kaydıraçların nasıl üretilebileceğini David Walsh <a href="http://davidwalsh.name/facebook-sliders-mootools">burada anlatmış</a>. <p><a href="http://woork.blogspot.com/2009/04/useful-scripts-and-resources-facebook.html">Kaynak</a></p> <p>Yazımız burada sona eriyor. Teşekkür ederim.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/onurkaplan">onurkaplan</a> tarafından <a href=" http://www.bildirgec.org/yazi/facebook-kaynakli-yararli-araclar ">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, 08 May 2009 06:12:00 GMT 208783@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/facebook-kaynakli-yararli-araclar