http://www.bildirgec.org/ tr-tr 40 bildirgec.org - KALEDUVARI - beğendikleri KALEDUVARI <p>jquery için hazırlanmış bu eklentiler ile web sayfanıza oldukça kolay ve kullanışlı slider'lar (kaydırma) ekleyebilirsiniz.</p> <p><a href="http://code.google.com/p/loopedslider/">loopedSlider</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/looped.png' alt="\"\"" border="0"><br></div><br><a href="http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding">Easy Slider</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/easyslider.png' alt="\"\"" border="0"><br></div></p> <p><!-- buradan kes --></p> <p><a href="http://www.webinventif.fr/wslide-plugin/">wSlide</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/wslide.png' alt="\"\"" border="0"><br></div><br><a href="http://www.ndoherty.com/blog/2007/09/15/introducing-coda-slider/">Coda-Slider</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/coda-slider.png' alt="\"\"" border="0"><br></div><br><a href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html">slideViewer</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/slideviewer.png' alt="\"\"" border="0"><br></div><br><a href="http://www.reindel.com/accessible_news_slider">Accessible News Slider</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/accnews.png' alt="\"\"" border="0"><br></div><br><a href="http://www.binofo.com/en/opensource/spinthewheel/">jQuery.spinTheWheel.js</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/jqwheel.png' alt="\"\"" border="0"><br></div><br><a href="http://www.dxenia.com/newstickerpro/">News Ticker Pro</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/newsslider.jpg' alt="\"\"" border="0"><br></div><br><a href="http://plugins.jquery.com/project/slinkySlider">Stinky Slider</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/stinky.png' alt="\"\"" border="0"><br></div><br><a href="http://www.gruppo4.com/~tobia/cross-slide.shtml">CrossSlide</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/rubber-ring.jpeg' alt="\"\"" border="0"><br></div></p> <p>kaynak: <a href="http://www.ajaxline.com/10-best-jquery-sliders">ajaxline</a></p> <p>takip edin: <a href="http://algoz.bildirgec.org/">bildirgeç</a> <a href="http://friendfeed.com/algoz">friendfeed</a> <a href="http://www.bildirgec.org/rss/uye/algoz/yazi.xml">rss</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/KALEDUVARI">KALEDUVARI</a> tarafından <a href=" http://www.bildirgec.org/yazi/en-iyi-10-jquery-slider ">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, 18 Apr 2009 07:01:00 GMT 207826@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/en-iyi-10-jquery-slider KALEDUVARI <div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/loading-gifs.gif' alt="AJAX Loading Icon Generators" border="0"><br>AJAX Loading Icon Generators</div> <p><a href="http://www.bildirgec.org/etiket/ajax">Ajax</a> kullanılan web sitelerinde ihtiyaç duyulabilecek, yükleniyor animasyonlarının (Ajax Loading Gif) çevrimiçi oluşturabileceği aşağıdaki 7 site, ajax ile tasarım yapanlar tarafından görülmeye değerler.</p> <p>1 <a href="http://www.webscriptlab.com/">Web Script Lab</a><br><div class="imaj"><img src='http://www.bildirgec.org/imaj/filezza/webscriptlab.gif' alt="\"\"" border="0"><br></div></p> <p>2 <a href="http://www.chimply.com/">Chimply</a><br><div class="imaj"><img src='http://www.bildirgec.org/imaj/filezza/chimply.gif' alt="\"\"" border="0"><br></div></p> <p>3 <a href="http://preloaders.net/">Preloaders.net</a><br><div class="imaj"><img src='http://www.bildirgec.org/imaj/filezza/preloaders.gif' alt="\"\"" border="0"><br></div><br><!-- buradan kes --></p> <p>4 <a href="http://ajaxload.info/">Ajaxload</a><br><div class="imaj"><img src='http://www.bildirgec.org/imaj/filezza/ajaxload.gif' alt="\"\"" border="0"><br></div></p> <p>5 <a href="http://www.loadinfo.net/">Load Info</a><br><div class="imaj"><img src='http://www.bildirgec.org/imaj/filezza/loadinfo.gif' alt="\"\"" border="0"><br></div></p> <p>6 <a href="http://mentalized.net/activity-indicators/">mentalized.net</a><br><div class="imaj"><img src='http://www.bildirgec.org/imaj/filezza/mentalized.gif' alt="\"\"" border="0"><br></div></p> <p>7 <a href="http://www.sanbaldo.com/wordpress/1/ajax_gif/">SanBaldo</a><br><div class="imaj"><img src='http://www.bildirgec.org/imaj/filezza/sanbaldo.gif' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.netwaver.com/21/8-ajax-loading-icon-generators/">Kaynak</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/KALEDUVARI">KALEDUVARI</a> tarafından <a href=" http://www.bildirgec.org/yazi/ajax-yukleniyor-simgesi-olusturabileceginiz-7 ">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, 18 Apr 2009 11:48:00 GMT 207825@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/ajax-yukleniyor-simgesi-olusturabileceginiz-7 KALEDUVARI <p>Burada web sitelerinizde kullanabileceğiniz en iyi <a href="http://www.bildirgec.org/ara/men%C3%BC">menü</a> örneklerini bulabilirsiniz. <a href="http://www.bildirgec.org/ara/css">Css</a>'in yetenekleri ile birbirinden güzel çalışmalar ortaya çıkmaktadır.</p> <p>Bu yazı size mükemmel menü tekniklerini öğretebilecek ve çok iyi bir kaynak olacaktır.</p> <p>1 - <a href="http://www.cssplay.co.uk/menu/menu_map.html">The menu menu</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/13-09-menu-menu.jpg' alt="\"\"" border="0"><br></div> <p>Bu, farklı büyük bir menü örneğidir. Menünün üzerine geldiğiniz zaman hemen yanında alt menüler görünüyor.</p> <p>2 - <a href="http://www.shingokko.com/blog_post.aspx?t=pure-css-hover-menu">Pure CSS hover menu</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/13-28-css-hover-menu.jpg' alt="\"\"" border="0"><br></div> <p>bu css tekniği ile dikey alt menüyü görebileceksiniz.</p> <p><!-- buradan kes --></p> <p>3 - <a href="http://13styles.com/css-menus/matte/">Matte CSS Menu</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/13-01-styles.png' alt="\"\"" border="0"><br></div> <p>Matte, iki küçük fotoğraf kullanarak köşeleri yuvarlatılmış bir css menüsüdür.</p> <p>4 - <a href="http://www.3point7designs.com/blog/2007/12/22/advanced-css-menu-trick/">Css Blur Menu</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/13-08-blur-menu.png' alt="\"\"" border="0"><br></div> <p>bu css tekniği ile bulanık menü örneğini inceleyebilirsiniz.</p> <p>5 - <a href="http://hv-designs.co.uk/2009/01/09/coding-the-creative-design-layout/">CSS Navigation with Glowing Icons</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/13-27-css-navigation-icon.jpg' alt="\"\"" border="0"><br></div> <p>Bu güzel css menü tekniğini adım adım izlenerek oluşturulabilir.</p> <p>6 - <a href="http://kailoon.com/css-sliding-door-using-only-1-image/">CSS Sliding Door using only 1 image</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/13-17-css-sliding-door.jpg' alt="\"\"" border="0"><br></div> <p>bu css menüde kayan alt menü özelliği vardır. sadece bir resim kullanılır.</p> <p>7 - <a href="http://superfluousbanter.org/archives/2004/05/navigation-matrix-reloaded/">Navigation Matrix Reloaded</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/13-18-css-matrix-reloaded.png' alt="\"\"" border="0"><br></div> <p>bu şık navigasyon menü tekniği <a href="http://www.bildirgec.org/ara/css%20sprite">css sprite</a> kullanır.</p> <p>8 - <a href="http://e-lusion.com/design/menu/">CSS Horizontal Menu</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/13-11-horizontal-menu.png' alt="\"\"" border="0"><br></div> <p>Ian Main, şık ve kullanımı kolay css menüleri sağlar.</p> <p>yazının devamı için <a href="http://sixrevisions.com/css/30-exceptional-css-navigation-techniques/">buraya</a> tıklayın.</p> <p><strong>ayrıca aşağıdaki yazılarda ilginizi çekebilir.</strong></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/40-yuksek-kaliteli-simge-seti">40 yüksek kaliteli simge seti</a></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/35-faydali-photoshop-eklentisi">35+ Faydalı Photoshop Eklentisi</a></p> <p><a href="http://www.bildirgec.org/yazi/101-daha-kaliteli-css-ve">101 Daha Kaliteli Css ve XHTML Web Şablonu</a></p> <p><a href="http://www.bildirgec.org/yazi/101-yuksek-kaliteli-css-ve">101 Yüksek Kaliteli Css ve XHTML Web Şablonu</a></p> <ul> <li><strong>kaynak:</strong> <a href="http://sixrevisions.com/css/30-exceptional-css-navigation-techniques/">sixrevisions</a></li> <li><a href="http://lebron.bildirgec.org/">diğer yazılarım</a></li> <li><a href="http://www.bildirgec.org/rss/uye/LeBron/yazi.xml">yazılarımı rss üzerinden takip edebilirsiniz</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/KALEDUVARI">KALEDUVARI</a> tarafından <a href=" http://www.bildirgec.org/yazi/30-olaganustu-css-menu-teknigi ">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, 19 Apr 2009 09:48:00 GMT 207824@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/30-olaganustu-css-menu-teknigi KALEDUVARI <p>daha önce <a href="http://www.bildirgec.org/yazi/photoshop-site-tasarim-dersleri">photoshop site tasarım dersleri</a> ve <a href="http://www.bildirgec.org/yazi/photoshop-site-sablonlari">photoshop site şablonları</a> yazılarında site tasarımında <a href="http://www.bildirgec.org/etiket/photoshop">photoshop</a>'tan nasıl istifade edebileceğimize dair kaynaklar vermiştik. o yazılardan ediğindiğiniz şablonları ya da sizin photoshop kullanarak oluşturduğunuz tasarımları html'e nasıl uyarlayacağınıza dair anlatımlar da <a href="http://designm.ag/resources/converting-psd-to-html/">şurada</a> listelenmiş.</p> <ul> <li><a href="http://nettuts.com/site-builds/from-psd-to-html-building-a-set-of-website-designs-step-by-step/">psd'den html'e adım adım site tasarımı</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/psdnettuts.jpg' alt="\"\"" border="0"><br></div></li> <li><a href="http://nettuts.com/tutorials/site-builds/build-a-sleek-portfolio-site-from-scratch/">çizimden bir portfolyo tasarımı</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/psdscratch.jpg' alt="\"\"" border="0"><br></div></li> </ul> <p><!-- buradan kes --></p> <ul> <li><a href="http://www.blog.spoongraphics.co.uk/tutorials/encoding-a-photoshop-mockup-into-xhtml-css">xhtml ve css'ye bir photoshop taslağını kodlamak</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/psdspoon.jpg' alt="\"\"" border="0"><br></div></li> <li><a href="http://erraticwisdom.com/2006/01/29/tutorial-coding-a-layout">şablon kadlaması</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/psderatic.jpg' alt="\"\"" border="0"><br></div></li> <li><a href="http://www.partdigital.com/tutorials/convert-web">psd'den html'e tasarımlarınızı nasıl kullanılabilir web arayüzlerine çevirebilirsiniz</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/psdpart.jpg' alt="\"\"" border="0"><br></div></li> <li><a href="http://nettuts.com/videos/screencasts/how-to-convert-a-psd-to-xhtml/">psd'yi xhtml'e çevirme</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/psdscreen.jpg' alt="\"\"" border="0"><br></div></li> <li><a href="http://css-tricks.com/videos/">photoshop tasarımını çevirmek</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/psdcss.jpg' alt="\"\"" border="0"><br></div></li> <li><a href="http://hv-designs.co.uk/2007/10/10/coding-your-1st-psd-tutorial/">ilk psd dersinizi kodlamak</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/psdhv.jpg' alt="\"\"" border="0"><br></div></li> <li><a href="http://www.subcide.com/tutorials/csslayout/index.aspx">çizimden css şablonu oluşturmak</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/psdsubcide.jpg' alt="\"\"" border="0"><br></div></li> <li><a href="http://csshowto.com/layout/psd-to-csshtml-in-easy-steps-part-1/">kolay adımlarla psd'den css ve xhtml'e</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/psdsteps.jpg' alt="\"\"" border="0"><br></div></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/KALEDUVARI">KALEDUVARI</a> tarafından <a href=" http://www.bildirgec.org/yazi/psd-den-css-html-e ">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 Apr 2009 16:15:00 GMT 207823@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/psd-den-css-html-e KALEDUVARI <p>web sayfalarında bilgi girişleri için kullanılan <a href="http://www.bildirgec.org/ara/html/1/tum-yazilar">html</a> formlarının gerek görsellikleri gerekse işlevsellikleri üzerinde bazen uzun süreli çalışmalar yapılması gerekir. aşağıdaki <a href="http://www.bildirgec.org/ara/jquery/1/tum-yazilar">jquery</a> eklentileri sayesinde hem zamandan önemli ölçüde kazanç sağlayabilirsiniz, hem de kullanıcıların beğenisini kazanacak tasarımlar yapabilirsiniz.</p> <p><b>Form Skinning(form kaplamaları):</b><br><a href="http://www.whitespace-creative.com/jquery/jNice/">jQuery jNice</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/1-2.gif' alt="\"\"" border="0"><br></div><br><a href="http://www.quirksmode.org/dom/inputfile.html">Styling input file</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/2.gif' alt="\"\"" border="0"><br></div><br><a href="http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/">jqTransform</a></p> <p><!-- buradan kes --></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/3.gif' alt="\"\"" border="0"><br></div><br><a href="http://www.emblematiq.com/projects/niceforms/">Emblematiq Niceforms</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/4-2.gif' alt="\"\"" border="0"><br></div><br><b>Form Validation(form doğrulamları):</b> <p><a href="http://www.willjessup.com/sandbox/jquery/form_validator/form_validate.html">Form validator</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/5-3.gif' alt="\"\"" border="0"><br></div><br><a href="http://jquery.bassistance.de/validate/demo/">Bassistance jQuery Validation</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/6-2.gif' alt="\"\"" border="0"><br></div><br><a href="http://www.livevalidation.com/">Live validation</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/7-2.gif' alt="\"\"" border="0"><br></div><br><a href="http://web-kreation.com/index.php/articles/lightform-free-ajaxphp-contact-form/">Lightform</a></p> <p><b>Masking(maskeleme):</b><br><a href="http://digitalbush.com/projects/masked-input-plugin/">Masked Input Plugin</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/9-2.gif' alt="\"\"" border="0"><br></div><br><a href="http://www.meiocodigo.com/projects/meiomask/">Meio Mask</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/10.gif' alt="\"\"" border="0"><br></div><br><b>File Uploader(dosya yükleyicileri):</b></p> <p><a href="http://www.fyneworks.com/jquery/multiple-file-upload/#">Multiple File Upload</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/11-2.gif' alt="\"\"" border="0"><br></div><br><a href="http://www.pixeline.be/experiments/jqUploader/test.php">jqUploader</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/12-2.gif' alt="\"\"" border="0"><br></div><br><a href="http://www.uploadify.com/demo/">Uploadify</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/13-2.gif' alt="\"\"" border="0"><br></div><br><b>Checkbox & Radio Button:</b></p> <p><a href="http://www.chriserwin.com/scripts/crir/index.php">Checkbox & Radio Input Replacement</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/14-3.gif' alt="\"\"" border="0"><br></div><br><a href="http://lipidity.com/fancy-form/">Fancy Form</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/15.gif' alt="\"\"" border="0"><br></div><br><a href="http://widowmaker.kiev.ua/checkbox/">jQuery Checkbox</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/16.gif' alt="\"\"" border="0"><br></div><br><b>Spin Button & Slider:</b></p> <p><a href="http://www.softwareunity.com/jquery/JQuerySpinBtn/">Spin Button</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/17-3.gif' alt="\"\"" border="0"><br></div><br><a href="http://docs.jquery.com/UI/API/1.7/Slider">jQuery UI - Slider</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/32.gif' alt="\"\"" border="0"><br></div><br><b>Auto Complete(kendiliğinden tamamlama):</b></p> <p><a href="http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/">Bassistance jQuery Auto Complete</a></p> <p><a href="http://www.ajaxdaddy.com/demo-jquery-autocomplete.html">AjaxDaddy jQuery Auto Complete</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/19.gif' alt="\"\"" border="0"><br></div><br><b>Calendar & Time picker:</b></p> <p><a href="http://jqueryui.com/">jQuery UI</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/20.gif' alt="\"\"" border="0"><br></div><br><a href="http://haineault.com/media/jquery/ui-timepickr/page/">Time Picker</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/21.gif' alt="\"\"" border="0"><br></div><br><b>Drop Down Menu (Select Element):</b></p> <p><a href="http://marghoobsuleman.com/jquery-image-dropdown">jQuery Image Drop Down</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/22.gif' alt="\"\"" border="0"><br></div><br><a href="http://www.givainc.com/labs/mcdropdown_jquery_plugin.htm">MC Dropdown</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/23.gif' alt="\"\"" border="0"><br></div><br><a href="http://dropdown-check-list.googlecode.com/svn/trunk/demo.html">Drop down check list</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/24-2.gif' alt="\"\"" border="0"><br></div><br><b>Color Picker:</b></p> <p><a href="http://vreboton.ibacolod.com/DotNetNuke/ControlsandTips/jQueryColorPicker/tabid/69/Default.aspx">jQuery Color Picker</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/25.gif' alt="\"\"" border="0"><br></div><br><a href="http://acko.net/dev/farbtastic">Farbtastic Color Picker</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/26.gif' alt="\"\"" border="0"><br></div><br><a href="http://www.eyecon.ro/colorpicker/">Color Picker</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/27.gif' alt="\"\"" border="0"><br></div><br><b>Textarea:</b></p> <p><a href="http://www.aclevercookie.com/demos/autogrow_textarea.html">Autogrow Textarea</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/29.gif' alt="\"\"" border="0"><br></div><br><a href="http://plugins.jquery.com/project/TextAreaResizer">Textarea Resizer</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/30.gif' alt="\"\"" border="0"><br></div><br><a href="http://sandbox.unwrongest.com/jquery.elastic/">jQuery Elastic</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/31.gif' alt="\"\"" border="0"><br></div></p> <p>kaynak: <a href="http://www.queness.com/post/204/25-jquery-plugins-that-enhance-and-beautify-html-form-elements">queness</a></p> <p>takip edin: <a href="http://algoz.bildirgec.org/">bildirgeç</a> <a href="http://friendfeed.com/algoz">friendfeed</a> <a href="http://twitter.com/algozz">twitter</a> <a href="http://www.bildirgec.org/rss/uye/algoz/yazi.xml">rss</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/KALEDUVARI">KALEDUVARI</a> tarafından <a href=" http://www.bildirgec.org/yazi/html-formlari-icin-25-harika ">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, 23 Apr 2009 10:15:00 GMT 207822@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/html-formlari-icin-25-harika KALEDUVARI <p>Dünyanın en büyük <a href="http://www.bildirgec.org/ara/%C5%9Firket">şirket</a>lerini görebilmemiz için <a href="http://money.cnn.com/magazines/fortune/">fortune</a> iyi bir referans gibi görünüyor. Tüm web sitelerinin kendi amaçları ve yaklaşımları var.</p> <p>2008 yılının en büyük şirketlerinin listesine aşağıdan ulaşabilirsiniz. Sıralama <a href="http://money.cnn.com/magazines/fortune/fortune500/2008/full_list/">fortune listesi</a>nde görünen sırayla listelenmektedir.</p> <p>1 - <a href="http://www.walmart.com/">Wal-Mart</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/f-1.jpg' alt="\"\"" border="0"><br></div> <p>2 - <a href="http://www.exxonmobil.com/">Exxon Mobile</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/f-2.jpg' alt="\"\"" border="0"><br></div> <p><!-- buradan kes --></p> <p>3 - <a href="http://chevron.com/">Chevron</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/f-3.jpg' alt="\"\"" border="0"><br></div> <p>4 - <a href="http://www.gm.com/">General Motors</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/f-4.jpg' alt="\"\"" border="0"><br></div> <p>5 - <a href="http://www.conocophillips.com/index.htm">ConocoPhillips</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/f-5.jpg' alt="\"\"" border="0"><br></div> <p>6 - <a href="http://www.ge.com/">General Electric</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/f-6.jpg' alt="\"\"" border="0"><br></div> <p>7 - <a href="http://www.ford.com/">Ford</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/f-7.jpg' alt="\"\"" border="0"><br></div> <p>8 - <a href="http://www.citi.com/domain/index.htm">Citigroup</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/8-2.jpg' alt="\"\"" border="0"><br></div> <p>9 - <a href="https://www.bankofamerica.com/">Bank of America</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/f-8.jpg' alt="\"\"" border="0"><br></div> <p>10 - <a href="http://www.att.com/">AT&T</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/f-10.jpg' alt="\"\"" border="0"><br></div> <p>11 - <a href="http://www.berkshirehathaway.com/">Berkshire Hathaway</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/f-11.jpg' alt="\"\"" border="0"><br></div> <p>12 - <a href="http://www.jpmorganchase.com/">JP Morgan Chase</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/f-12.jpg' alt="\"\"" border="0"><br></div> <p>13 - <a href="http://www.aig.com/">AIG</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/f-13.jpg' alt="\"\"" border="0"><br></div> <p>14 - <a href="http://www.hp.com/">Hewlett-Packard</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/f-14.jpg' alt="\"\"" border="0"><br></div> <p>15 - <a href="http://www.ibm.com/us/en/">IBM</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/f-15.jpg' alt="\"\"" border="0"><br></div> <p>16 - <a href="http://www.valero.com/">Valero Energy</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/f-16.jpg' alt="\"\"" border="0"><br></div> <p>17 - <a href="http://www22.verizon.com/">Verizon</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/f-17.jpg' alt="\"\"" border="0"><br></div> <p>18 - <a href="http://www.mckesson.com/en_us/McKesson.com/">McKesson</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/f-18.jpg' alt="\"\"" border="0"><br></div> <p>19 - <a href="http://www.cardinal.com/">Cardinal Health</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/f-19.jpg' alt="\"\"" border="0"><br></div> <p>20 - <a href="http://www2.goldmansachs.com/">Goldman Sachs</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/f-20.jpg' alt="\"\"" border="0"><br></div> <p>yazının devamı için <a href="http://designm.ag/inspiration/websites-fortune-100/">buraya</a> tıklayın.</p> <p><strong>ayrıca aşağıdaki yazılarda ilginizi çekebilir.</strong></p> <p><a href="http://www.bildirgec.org/yazi/70-kurumsal-maskot-tasarimi">70 Kurumsal Maskot Tasarımı</a></p> <p><a href="http://www.bildirgec.org/yazi/quicken-alternatifi-5-ucretsiz-finansal">Quicken Alternatifi 5 Ücretsiz Finansal Yazılım</a></p> <ul> <li><strong>kaynak:</strong> <a href="http://designm.ag/inspiration/websites-fortune-100/">designm.ag</a></li> <li><a href="http://lebron.bildirgec.org/">diğer yazılarım</a></li> <li><a href="http://www.bildirgec.org/rss/uye/LeBron/yazi.xml">yazılarımı rss üzerinden takip edebilirsiniz</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/KALEDUVARI">KALEDUVARI</a> tarafından <a href=" http://www.bildirgec.org/yazi/dunyanin-en-buyuk-100-sirketinin ">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, 23 Apr 2009 16:25:00 GMT 207821@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/dunyanin-en-buyuk-100-sirketinin KALEDUVARI <p><a href="http://www.micropersuasion.com/2009/04/googles-new-whats-popular-feature-clones-digg.html">Steve Rubel</a> tarafından google gadgets altyapısı ile hazırlanan ve yeni igoogle tasarımına uyumlu olan, <a href="http://www.bildirgec.org/ara/digg">Digg</a>, <a href="http://www.bildirgec.org/ara/reddit">Reddit</a>, <a href="http://www.bildirgec.org/ara/yahoo%20buzz">Yahoo Buzz</a> gibi link paylaşım siteleri tarzında; içeriğini kullanıcıların eklediği ve oyladığı linklerden oluşturduğu <a href="http://www.google.com/ig/directory?hl=en&type=gadgets&url=www.google.com/ig/modules/pop/pop.xml">yeni gadget</a> ile web'in popüler içeriğine ulaşabilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/popular-google.png' alt="\"\"" border="0"><br></div></p> <p>kaynak: <a href="http://googlesystem.blogspot.com/2009/04/whats-popular-around-web.html">Google Operating System</a><br>takip et: <a href="http://algoz.bildirgec.org/">bildirgeç</a> <a href="http://friendfeed.com/algoz">friendfeed</a> <a href="http://twitter.com/algozz">twitter</a> <a href="http://www.bildirgec.org/rss/uye/algoz/yazi.xml">rss</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/KALEDUVARI">KALEDUVARI</a> tarafından <a href=" http://www.bildirgec.org/yazi/sanal-alemin-populer-dunyasi-igoogle ">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, 27 Apr 2009 12:25:00 GMT 207820@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/sanal-alemin-populer-dunyasi-igoogle KALEDUVARI <div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/847.png' alt="101.000+ Free Fonts" border="0"><br>101.000+ Free Fonts</div> <p>font dizinleri, font koleksiyonları, ücretsiz fontlar sunan tasarımcılar başlıkları altında 3 kategoride toplanmış, ücretsiz yazı tipleri (font) bulabileceğiniz siteler aşağıda listelenmiştir.</p> <p><strong><em>Font Dizinleri</em></strong><br><a href="http://www.fontcubes.com/">FontCubes</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/fontcubes.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.dafont.com/">dafont</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/dafont.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.1001freefonts.com/">1001freefonts</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/1001.jpg' alt="\"\"" border="0"><br></div></p> <p><!-- buradan kes --></p> <p><a href="http://www.abstractfonts.com/">abstractfonts</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/abstractfonts.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.filecart.com/fonts/">filecart fonts</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/filecart.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://neatfonts.com/">neatfonts</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/neatfonts.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.urbanfonts.com/">urbanfonts</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/urban.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.discoverfonts.com/">DiscoverFonts</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/discoverfonts.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://betterfonts.com/">BetterFonts.com</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/betterfonts.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.fonts101.com/">Fonts101.com</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/fonts101.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.fontreactor.com/">FontReactor.com</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/fontreactor.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.fontica.com/">Fontica.com</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/fontica.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.fontfreak.com/">FontFreak.com</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/fontfreak.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.fontface.com/main.html">FontFace.com</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/fontface.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.fontgarden.com/">Font Garden</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/fontgarden.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.fontleech.com/">Font Leech</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/fontleech.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.acidfonts.com/">AcidFonts.com</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/acidfonts.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.fontshack.com/home.php">FontShack.com</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/fontshack.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.actionfonts.com/">ActionFonts.com</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/actionfonts.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.coolfonts.de/index/">Coo Fonts</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/coolfonts.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.fontsquirrel.com/">Font Squirrel</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/fontsquirrel.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://fontstruct.fontshop.com/gallery">fontstruct</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/fontstruct.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://fawnt.com/">fawnt</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/fawnt.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.creamundo.com/">creamundo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/creamundo.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.fontspace.com/">FontSpace.com</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/fontspace.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.showfont.net/">showfont</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/showfont.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.fontriver.com/basic/">fontriver</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/fontriver.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.simplythebest.net/fonts/">SimplyTheBest Fonts</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/simplythebest.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://eksten.net/webgraphix/">Eksten</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/eksten.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.eknp.com/">EKNP</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/eknp.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.webpagepublicity.com/free-fonts.html">webpagepublicity</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/webpagepublicity.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.2200freefonts.com/">2200 Free Fonts</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/2200freefonts.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.highfonts.com/">highfonts</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/highfonts.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.beautifulfonts.com/">Beautiful Fonts</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/beautifulfonts.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.eternalfonts.com/">Eternal Fonts</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/eternalfonts.jpg' alt="\"\"" border="0"><br></div></p> <p><em><strong>Font Koleksiyonları</strong></em></p> <p><a href="http://www.dsg4.com/04/extra/bitmap/">DSG 4</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/dsg4.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.blambot.com/">blambot</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/blambot.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.abcwebworx.com/fonts/">ABC WebWorx</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/abcwebworx.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://moorstation.org/fontennium/fontennium.htm">Fontennium</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/fontennium.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://moorstation.org/typoasis/typeart.htm">Typeart</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/typeart.jpg' alt="\"\"" border="0"><br></div></p> <p><strong><em>Ücretsiz Fontlar Sunan Tasarımcılar</em></strong></p> <p><a href="http://browse.deviantart.com/resources/fonts/">Deviantart Fonts</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/deviantart2.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.smeltery.net/">smeltery</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/smeltery.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.bvfonts.com/free/freeware.shtml">Blue Vinyl</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/bvfonts.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.glashaus-design.com/site/glashaus.php">Glashaus Design</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/glasshouse.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://moorstation.org/typoasis/designers.htm">Typoasis</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/typoasis-designers.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://designyoutrust.com/2008/08/06/10-free-fonts-that-dont-suck/">10 free fonts</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/10-free-fonts-that-dont-suck.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://jelloween.deviantart.com/gallery/">jelloween</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/jelloween.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://ficod.deviantart.com/gallery/">ficod</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/ficod.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://moorstation.org/typoasis/designers/lnf/lnfmain.htm">Lost and Found</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/lost-found.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://moorstation.org/typoasis/dings/db03.htm">Dingbats</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/dings.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://misprintedtype.com/v3/fonts.php">misprinted type</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/misprintedtype.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.chank.com/">Chank.com</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/chank.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.iamcal.com/misc/fonts/">Cal Henderson</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/iamcal.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.davebastian.com/index.php?/fonts/">Davebastian</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/davebastian.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://moorstation.org/typoasis/designers/steffmann/index.htm">steffmann</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/steffmann.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://fonts.tom7.com/">Divide By Zero Fonts</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/tom7.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.tripwiremagazine.com/typography/design/best-free-font-resources.html">kaynak</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/KALEDUVARI">KALEDUVARI</a> tarafından <a href=" http://www.bildirgec.org/yazi/100-000-ucretsiz-font ">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, 28 Apr 2009 10:31:00 GMT 207819@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/100-000-ucretsiz-font KALEDUVARI <a href="http://www.bildirgec.org/etiket/jquery">jquery</a> eklentilerinden sitenizin birçok bölümünde yararlanmanız mümkün. bu alanlardan biri de menüler. işinize yarayabilecek 10 menü eklentisi: <ul> <li><a href="http://jdsharp.us/jQuery/plugins/jdMenu/">jdMenu Hierarchical Menu Plugin for jQuery</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/jdsharp.PNG' alt="\"\"" border="0"><br></div></li> <li><a href="http://users.tpg.com.au/j_birch/plugins/superfish">Superfish – jQuery menu plugin by Joel Birch</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/superfish.PNG' alt="\"\"" border="0"><br></div></li> <li><a href="http://abeautifulsite.net/notebook/80">jQuery Context Menu Plugin</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/contextmenu.PNG' alt="\"\"" border="0"><br></div></li> </ul> <p><!-- buradan kes --></p> <ul> <li><a href="http://javascript-array.com/scripts/jquery_simple_drop_down_menu/">jQuery Simple Drop-Down Menu Plugin</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/dropdown.PNG' alt="\"\"" border="0"><br></div></li> <li><a href="http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/">LavaLamp jQuery menu plugin</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/lavalamp.PNG' alt="\"\"" border="0"><br></div></li> <li><a href="http://sonicradish.com/labs/jGlideMenu/distro/jGlideMenu_0.6.5/">jGlideMenu</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/jglide.PNG' alt="\"\"" border="0"><br></div></li> <li><a href="http://www.chromasynthetic.com/blog/emenu-a-jquery-plugin/">Emenu</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/emenu.PNG' alt="\"\"" border="0"><br></div></li> <li><a href="http://www.filamentgroup.com/lab/jquery_ipod_style_drilldown_menu/">jQuery iPod-style Drilldown Menu</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/ipodstyle.PNG' alt="\"\"" border="0"><br></div></li> <li><a href="http://p.sohei.org/jquery-plugins/menu/">jQuery menu plugin</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/jqmenuexp.PNG' alt="\"\"" border="0"><br></div><br><a href="http://www.ajaxline.com/10-best-jquery-menu-plugins"><strong>kaynak</strong></a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/KALEDUVARI">KALEDUVARI</a> tarafından <a href=" http://www.bildirgec.org/yazi/jquery-menu-eklentileri ">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, 28 Apr 2009 18:16:00 GMT 207818@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/jquery-menu-eklentileri KALEDUVARI <div class="imajsag"><img src='http://www.bildirgec.org/imaj/pinkfloyd/40-00.png' alt="\"\"" border="0"><br></div>CSS çatılarının (framework) sayısı her geçen gün biraz daha artıyor. CSS çatıları özellikle CSS ile kod yazmak konusunda henüz kendisini yeteri kadar geliştirmemiş olanlar için kimi zaman oldukça kullanışlı bir hal alabiliyor. Ancak bazı CSS profesyonellerine ve diğer dillerin programcılarına göre CSS, üzerine bir çatı geliştirilmesi gerekecek kadar zor bir dil değil. <p>Eğer herhangi bir CSS çatısı üzerine bir rehber okuduysanız, ilgili rehberlere bırakılan pek çok yorum yukarıdakilerle aşağı yukarı aynıdır. Benim görüşüm bu tip yorumların büyük çoğunluğunun bir miktar tatminsizliğe bağlı olduğu yönünde. 960 üzerinde biraz zaman geçirdikten sonra, web uygulamalarınızı geliştirirken size ne kadar zaman kazandırabileceğine inanamayacaksınız. Hiç olmazsa ilgili çatıyı sadece bir 10 dakikalığına inceleyin. Her zaman klavyenizin delete düğmesine basabilirsiniz ancak bunu yapacağınızdan şüpheliyim.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/40-01.png' alt="\"\"" border="0"><br></div> <strong>Artıları</strong> <ul> <li>Geliştirme zamanını önemli ölçüde kısaltıyor.</li> <li>Temiz ızgara yapısına sahip.</li> <li>Farklı tarayıcılar üzerinde problemlerle karşılaşma ihtimaliniz çok düşük. Bulduklarınızı da kolayca düzeltebilirsiniz.</li> <li>Pek çok kişinin söylediğinin aksine "abartılmış" değil. Burada 3-4 KB'den bahsediyoruz arkadaşlar! Bu tip stillemelerinin pek çoğunu zaten neredeyse tüm web uygulamalarında kullanıyorsunuz.</li> <li>Karmaşık anahatları kolayca oluşturun.</li> </ul> <p><!-- buradan kes --></p> <strong>Eksileri</strong> <ul> <li>Adının "960" olmasının bir nedeni var. Web siteniz için başka bir genişliği kullanmak istiyorsanız, o zaman diğer çatılara göz atmanızı öneririm.</li> <li>Diğer tüm "çatılarda" olduğu gibi bazı kısıtlamalarınız yok değil.</li> <li>Onu siz yapmadınız. Kodun %100'ünün size ait olmasının verdiği his bir başkadır.</li> </ul> <p><strong>Kullanım</strong><br>12 sütuna sahip bir altyapı üzerinde aşağıda gördüğünüz gibi oldukça sade bir anahat hazırlmak istediğinizi hayal edin. İlk olarak "container_12" adındaki bir sınıfa sahip bir kapsayıcı bir div oluşturmamız gerekiyor. <i>12'ye dikkat edin</i>.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/40-02.png' alt="\"\"" border="0"><br></div> <code>&lt;div id="container" class="container_12"&gt; ...içerik buraya &lt;/div&gt;</code> <p>Burada bir ID tanımlamanızın kesinlikle gereği yok ancak ben özellikle divin ne amaçla kullanıldığını daha sonra kolayca anlayabilmek adına divlerime genellikle bir ID atarım. 960'ın kötü yanlarından birisi de sınıfların elementin ne amaçla kullanıldığını belirtecek herhangi bir tanım içermiyor oluşu. Bu sebeple DIV'e bir ID ekleyerek bu kavram sorununu kolayca gidermiş oluyoruz.</p> <p><strong>Izgaralar</strong></p> <p>Şimdi de basit bir başlık ve iki sütunlu bir altyapı oluşturmak istiyoruz. Başlamadan önce tanıtıma bakarak ne kadar genişlikte bir ızgara kullanmak istediğinize karar verebilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/40-03.png' alt="\"\"" border="0"><br></div> <p>Başlık genişliği olarak 940px seçeceğim (+20 px de marjlar için = 960), yan çubuk genişliği için 220px ve ana içerik kısmı için de 700 px seçeceğim.</p> <p>Her bir div elementini bir sınıfa dahil etmelisiniz. Çatının kurallarına göre sınıf isimleri "grid_" öneki ile başlamak ve devamında istenen sütun sayısını girmeniz gerekli. Bizim durumumuzda "grid_12", "grid_3" ve "grid_9" sınıflarını kullanacağız.</p> <code>&lt;div id="container" class="container_12"&gt; &lt;div id="header" class="grid_12"&gt; içerik buraya &lt;/div&gt; &lt;div id="sidebar" class="grid_3"&gt; içerik buraya &lt;/div&gt; &lt;div id="mainContent" class="grid_9"&gt; içerik buraya &lt;/div&gt; &lt;/div</code> <p>Çatının sunduğu stillerin üzerine her bir div için arkaplan rengi ve minimum genişlik ekledim. Bunu koda eklemedim zira sadece sütunları tanıtımda daha belirgin yapmak için ilgili stilleri kullandım.</p> <p>Marjlar, yüzen divler ya da IE hileleri ile boğuşmadan bu anahattı inanılmaz derecede çabuk bir şekilde hazırladık. <strong>960'ın gerçek gücü özellikle karmaşık gazete-benzeri arabirimler geliştirmek istediğinizde ortaya çıkıyor</strong>. Bu konuda daha fazla bilgi almak istiyorsanız <a href="http://blip.tv/play/grg35q0Sj7EM">buradaki screencast</a>'ı izleyebilirsiniz.</p> <p><strong>960 GS İle İlgili İlginizi Çekebilecek Diğer Kaynaklar</strong></p> <div class="imajsol"><img src='http://www.bildirgec.org/imaj/pinkfloyd/40-04.png' alt="\"\"" border="0"><br></div> <strong>960 CSS Çatısı İle Prototip Oluşturma</strong><br>Grid 960 bir CSS çatısı olup geliştiricilerin hızlıca prototip tasarımlar oluşturabilmelerini sağlıyor. Şablonlar oluşturabilmek için inanılmaz araçlar bulunuyor? Neden mi? Çünkü hepsi sizin daha hızlı sonuçlar alabilmeniz için işin zor kısmını sırtınızdan alabilmenizi sağlıyor. <ul> <li><a href="http://nettuts.com/tutorials/html-css-techniques/prototyping-with-the-grid-960-css-framework/">Makaleyi Ziyaret Edin</a></li> </ul> <div class="imajsol"><img src='http://www.bildirgec.org/imaj/pinkfloyd/40-05.png' alt="\"\"" border="0"><br></div> <strong>WP_Query ve 960 CSS Çatısı İle Gazete Teması Oluşturun</strong><br>WP_Query oldukça güçlü bir araçtır. Bugün ilgili aracı kullanarak nasıl 3 sütunlu gazete şablonu oluşturabileceğinizi göstereceğim. Ana sütunda tüm blog girdileriniz yer alırken, yanlara ilerledikçe belirli kategorilere ait blogları listeleyeceğiz. Temel anahattımız ve temamızı sıfırlamak için 960 CSS çatısını kullanacağız ki bu sayede, işin büyük bir kısmı tamamlanmış olacak. <ul> <li><a href="http://nettuts.com/tutorials/wordpress/build-a-newspaper-theme-with-wp_query-and-the-960-css-framework/">Makaleyi Ziyaret Edin</a></li> </ul> <div class="imajsol"><img src='http://www.bildirgec.org/imaj/pinkfloyd/40-06.jpg' alt="\"\"" border="0"><br></div> <strong>Web Tasarımı İçin Hangi CSS Çatısını Kullanmalısınız?</strong><br>WordPress ve diğer platformlar için o güzel "magazin" temalarının nasıl oluşturulduğunu hiç merak ettiniz mi? Hepsi olmasa da pek çoğu, CSS Izgara Çatıları kullanılarak geliştirilmiştir. Bu yüzden siz de halihazırda sunulan CSS çatılarını kullanarak kendi magazin temanızı oluşturabilirsiniz. Karmaşık web sayfası anahatlarını çatı kullanmadan oluşturmak mümkün olsa da bunun günümüzde mazoşist bir tutumun bir ürünü olduğunu söylemek yanlış olmaz. Bu makalede günümüzde sunulan çatılara genel bir bakış atacak ve hangisini kullanmanız gerektiğine birlikte karar vereceğiz. <ul> <li><a href="http://nettuts.com/tutorials/html-css-techniques/which-css-grid-framework-should-you-use-for-web-design/">Makaleyi Ziyaret Edin</a></li> </ul> <ul> <li><strong>Kaynak:</strong> <a href="http://nettuts.com/videos/screencasts/a-detailed-look-at-the-960-css-framework/">NETTUTS</a></li> </ul> <strong>CSS Çatıları Hakkında Yazdığım Diğer Yazılar</strong> <ol> <li><a href="http://www.bildirgec.org/yazi/daha-hizli-sablon-olusturabilmek-icin">Daha Hızlı Şablon Oluşturabilmek İçin Kullanılabilecek 9 CSS Çatısı</a></li> <li><a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-kullanisli-12">Web Tasarımcıları İçin Kullanışlı 12 CSS Framework'ü, Şablonu ve Kod Sitesi</a></li> <li><a href="http://www.bildirgec.org/yazi/modern-css-de-altin-oran">Modern CSS'de Altın Oran</a></li> <li><a href="http://www.bildirgec.org/yazi/blueprint-css-framework-unu-kullanmak">BluePrint CSS Framework'ünü Kullanmak</a></li> <li><a href="http://www.bildirgec.org/yazi/sencss-layout-disindaki-hersey-icin">SenCSs: Layout Dışındaki Herşey İçin CSS Framework'ü</a></li> </ol><p>Bu yazı <a href="http://www.bildirgec.org/uye/KALEDUVARI">KALEDUVARI</a> tarafından <a href=" http://www.bildirgec.org/yazi/960-css-catisina-yakindan-bakis ">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, 15 Feb 2009 13:13:00 GMT 204725@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/960-css-catisina-yakindan-bakis