http://www.bildirgec.org/ tr-tr 40 bildirgec.org - Hyperend - beğendikleri Hyperend <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/Hyperend">Hyperend</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 208827@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/facebook-kaynakli-yararli-araclar Hyperend <p><a href="http://www.bildirgec.org/ara/p%C3%BCsk%C3%BCrme">Püskürme</a> <a href="http://www.bildirgec.org/ara/efekt">efekt</a>leri <a href="http://www.bildirgec.org/ara/tasar%C4%B1m">tasarım</a> üzerinde büyük etki yapabilir. <a href="http://www.bildirgec.org/ara/photoshop">Photoshop</a> <a href="http://www.bildirgec.org/ara/brushes">fırçalar</a>ı sayesinde bu işlemi rahatlıkla yapabilirsiniz.</p> <p>Son iki set hariç diğerleri ücretsizdir.</p> <p>1 - <a href="http://www.smashingmagazine.com/2008/10/22/splatter-and-watercolour-brushes-for-photoshop/">Splatter Brushes</a> (11 fırça)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/3-6.jpg' alt="\"\"" border="0"><br></div> <p>2 - <a href="http://www.bittbox.com/freebies/free-hi-res-splatter-photoshop-brushes/">High Res Splatter Brushes</a> (10 fırça)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/10-4.jpg' alt="\"\"" border="0"><br></div> <p><!-- buradan kes --></p> <p>3 - <a href="http://www.bittbox.com/freebies/free-high-res-grunge-ink-splatter-brushes/">High Res Grunge Ink Splatter Brushes</a> (9 fırça)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/11-3.jpg' alt="\"\"" border="0"><br></div> <p>4 - <a href="http://www.brusheezy.com/brush/946-Splash-Photoshop-Brushes">Splash Photoshop Brushes</a> (45 fırça)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/20.jpg' alt="\"\"" border="0"><br></div> <p>5 - <a href="http://qbrushes.com/photoshop-splash-brushes/ink-spaltters-brushes/">Ink and Splatters - Pack 1</a> (27 fırça)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/2-6.jpg' alt="\"\"" border="0"><br></div> <p>6 - <a href="http://qbrushes.com/photoshop-splash-brushes/ink-spaltters2/">Ink and Splatters - Pack 2</a> (28 fırça)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/1-8.jpg' alt="\"\"" border="0"><br></div> <p>7 - <a href="http://naldzgraphics.net/freebies/free-downloadsplatter-paint-photoshop-brushes/">Splatter Paint Brushes</a> (7 fırça)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/24.jpg' alt="\"\"" border="0"><br></div> <p>8 - <a href="http://motion-suggests.deviantart.com/art/Dot-Splatter-Brushes-97686567">Dot Splatter Brushes - Volume 1</a> (12 fırça)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/7-6.jpg' alt="\"\"" border="0"><br></div> <p>9 - <a href="http://motion-suggests.deviantart.com/art/Dot-Splatter-vol-2-98178324">Dot Splatters - Volume 2</a> (12 fırça)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/6-6.jpg' alt="\"\"" border="0"><br></div> <p>10 - <a href="http://motion-suggests.deviantart.com/art/Dot-Splatter-vol3-98394353">Dot Splatters - Volume 3</a> (10 fırça)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/4-6.jpg' alt="\"\"" border="0"><br></div> <p>11 - <a href="http://motion-suggests.deviantart.com/art/Dot-Splatter-vol4-98398234">Dot Splatters - Volume 4</a> (11 fırça)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/5-7.jpg' alt="\"\"" border="0"><br></div> <p>12 - <a href="http://qbrushes.com/photoshop-splash-brushes/adny-splatter-brush/">Ady’s Splatter Brushes</a> (17 fırça)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/8-7.jpg' alt="\"\"" border="0"><br></div> <p>13 - <a href="http://qbrushes.com/photoshop-splash-brushes/2nd-splatter-brush/">Splatter Brushes</a> (12 fırça)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/9-4.jpg' alt="\"\"" border="0"><br></div> <p>14 - <a href="http://qbrushes.com/photoshop-splash-brushes/huge-splatter-brushes/">Huge Splatter Pack</a> (23 fırça)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/12-2.jpg' alt="\"\"" border="0"><br></div> <p>15 - <a href="http://qbrushes.com/photoshop-swirls-brushes/splatterism/">SplatterisM</a> (35 fırça)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/13-2.jpg' alt="\"\"" border="0"><br></div> <p>16 - <a href="http://whirlwindzor.deviantart.com/art/Super-Crazy-Splatter-Brushes-79377272">Super Crazy Splatter Brushes</a> (9 fırça)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/14-3.jpg' alt="\"\"" border="0"><br></div> <p>17 - <a href="http://qbrushes.com/photoshop-splash-brushes/splatter-brushes/">Splatter Brushes</a> (11 fırça)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/15-3.jpg' alt="\"\"" border="0"><br></div> <p>18 - <a href="http://fbrushes.com/2008/11/11/brush-pack-splashes-of-paint/">Splashes of Paint</a> (30 fırça)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/16-2.jpg' alt="\"\"" border="0"><br></div> <p>19 - <a href="http://fbrushes.com/2008/10/30/splatter-brushes-2/">Splatter Brushes</a> (13 fırça)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/17-2.jpg' alt="\"\"" border="0"><br></div> <p>20 - <a href="http://www.brusheezy.com/brush/1207-Ink-Splatter">Ink Splatter Brushes</a> (20 fırça)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/18.jpg' alt="\"\"" border="0"><br></div> <p>21 - <a href="http://www.brusheezy.com/brush/1170-Blood-and-Ink">Blood and Ink Splatters</a> (42 fırça)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/19.jpg' alt="\"\"" border="0"><br></div> <p>22 - <a href="http://www.brushking.eu/235/large-splatter-brushes-.html">Large Splatter Brushes</a> (20 fırça)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/21.jpg' alt="\"\"" border="0"><br></div> <p>23 - <a href="http://konakonakona.deviantart.com/art/Photoshop-Splatter-Brushes-89758036">Splatter Brushes</a> (16 fırça)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/22.jpg' alt="\"\"" border="0"><br></div> <p>24 - <a href="http://www.youthedesigner.com/2009/01/26/25-splatter-brushes-for-photoshop-volume-1/">Splatter Brushes</a> (25 fırça)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/23-2.jpg' alt="\"\"" border="0"><br></div> <p>25 - <a href="http://graphicriver.net/item/splatspray-pack-of-22-brushes-2300px/30631">Splat & Spray Brushes</a> - Fiyatı: $5 (22 fırça)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/25.jpg' alt="\"\"" border="0"><br></div> <p>26 - <a href="http://graphicriver.net/item/splatters-set-of-23-photoshop-brushes/28866">Splatter Brushes</a> - Fiyatı: $5 (23 fırça)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/26.jpg' alt="\"\"" border="0"><br></div> <p><strong>Photoshop fırça setleri ile ilgili diğer yazılarım:</strong></p> <p><a href="http://www.bildirgec.org/yazi/22-fantezi-photoshop-dersi-ve">22 Fantezi Photoshop Dersi ve 125 Photoshop Fırçası</a></p> <p><a href="http://www.bildirgec.org/yazi/20-guzel-klasiklesmis-photoshop-firca">20 Güzel Klasikleşmiş Photoshop Fırça Seti</a></p> <p><a href="http://www.bildirgec.org/yazi/6-yuksek-cozunurluklu-grunge">6 Yüksek Çözünürlüklü "grunge"</a></p> <p><a href="http://www.bildirgec.org/yazi/ucretsiz-yuksek-cozunurluklu-cicek-firca">Ücretsiz Yüksek Çözünürlüklü Çiçek Fırça Seti</a></p> <ul> <li><strong>kaynak:</strong> <a href="http://designm.ag/resources/500-splatter-brushes-for-photoshop/">designm.ag</a></li> <li><a href="http://lebron.bildirgec.org/">diğer yazılarım</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/Hyperend">Hyperend</a> tarafından <a href=" http://www.bildirgec.org/yazi/500-photoshop-icin-puskurme-firca ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Wed, 06 May 2009 08:44:00 GMT 208524@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/500-photoshop-icin-puskurme-firca Hyperend <div class="imajorta"><img src='http://www.bildirgec.org/imaj/eburhan/feather.jpg' alt="tüy gibi jquery eklentileri" border="0"><br>tüy gibi hafif jquery eklentileri</div> <p>Web sayfanızda bir sürü <a href="http://jquery.com/">jQuery</a> eklentisi kullanmak istiyorsunuz ama bir yandan da sayfanın yüklenme hızını kendinize dert ediniyorsunuz. O halde aşağıdaki eklentilere mutlaka göz atmak isteyeceksiniz...</p> <p><strong>1.</strong> <a href="http://www.sunsean.com/idTabs/">idTabs</a> (<em>2.1 kb</em>): Basit ve esnek bir şekilde sekmeli arayüzler oluşturmanızı sağlar.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/eburhan/idtabs.jpg' alt="idTabs" border="0"></div> <p><strong>2.</strong> <a href="http://www.gmarwaha.com/jquery/jcarousellite/">jCarousel Lite</a> (<em>2.1 kb</em>): çok seçenekli bir karosel (<a href="http://www.bildirgec.org/etiket/carousel">carousel</a>) uygulaması</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/eburhan/jcarousel-lite.jpg' alt="jCarousel Lite" border="0"></div> <p><!-- buradan kes --></p> <p><strong>3.</strong> <a href="http://plugins.jquery.com/project/lazy">Lazy Loader</a> (<em>530 b</em>): istenildiği zaman bir eklentinin yüklenmesini sağlar.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/eburhan/lazy.jpg' alt="Lazy Loader" border="0"></div> <p><strong>4.</strong> <a href="http://www.codenothing.com/archives/jquery/single-drop-down-menu/">Single Drop-Down Menu</a> (<em>584 b</em>): aşağı-açılır navigasyon menüleri oluşturur.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/eburhan/single-dropdown.jpg' alt="Single Drop-Down Menu" border="0"></div> <p><strong>5.</strong> <a href="http://dev.iceburg.net/jquery/jqModal/">jQModal</a> (<em>2.8 kb</em>): <a href="http://www.bildirgec.org/etiket/lightbox">lightbox</a> olarak bilinen model pencereler oluşturur.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/eburhan/jqmodal.jpg' alt="jQModal" border="0"></div> <p><strong>6.</strong> <a href="http://www.lousyllama.com/sandbox/jquery-autotab">AutoTab</a> (<em>1.6 kb</em>): form alanlarında filtreleme yapmanızı sağlar. "Bu alana yalnızca rakamlar" girilebilsin gibi...</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/eburhan/autotab.jpg' alt="AutoTab" border="0"></div> <p><strong>7.</strong> <a href="http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery">CSS Globe Tooltip</a> (<em>479 b</em>): Linklerin üzerine fare ile gelindiğinde açıklama kutucuğu (<a href="http://www.bildirgec.org/etiket/tooltip">tooltip</a>) gösterir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/eburhan/easy-tooltip.jpg' alt="\" border="0"></div> <p><strong>8.</strong> <a href="http://stanlemon.net/projects/jgrowl.html">jGrowl</a> (<em>4.1 kb</em>): MacOS X'deki <a href="http://growl.info/about.php">Growl</a> uygulamasının yaptığına benzer şekilde bildirim mesajları oluşturmanızı sağlar.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/eburhan/jgrowl.jpg' alt="jGrowl" border="0"></div> <p><strong>9.</strong> <a href="http://malsup.com/jquery/cycle/lite/">Cycle Lite</a> (<em>3.5 kb</em>): Resimleri kullanarak slayt gösterisi oluşturabileceğiniz bir eklentidir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/eburhan/cycle-lite.jpg' alt="Cycle Lite" border="0"></div> <p><strong>10.</strong> <a href="http://jquery.kuzemchak.net/toggleval.php">ToggleVal</a> (<em>1.1 kb</em>): Herhangi form elemanına varsayılan bir metin yerleştirir. Kullanıcı bu elemana tıkladığında metin gizlenir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/eburhan/toggleval.jpg' alt="ToggleVal" border="0"></div> <p><strong>11.</strong> <a href="http://pop.seaofclouds.com/">Pop!</a> (<em>872 b</em>): Tıklandığında görünen veya gizlenen mesaj kutuları oluşturmanızı sağlar.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/eburhan/pop.jpg' alt="Pop!" border="0"></div> <p>~ <strong><a href="http://trif3cta.com/blog/entry/jquery-plugins-under-4k/">Bildirinin Kaynağı</a></strong> ~</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/Hyperend">Hyperend</a> tarafından <a href=" http://www.bildirgec.org/yazi/4-kilobayt-altindaki-11-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> Sun, 26 Apr 2009 10:01:00 GMT 208307@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/4-kilobayt-altindaki-11-jquery