http://www.bildirgec.org/ tr-tr 40 bildirgec.org - ifyess - beğendikleri ifyess <p>Son yıllarda <a href="http://www.bildirgec.org/ara/tasar%C4%B1m">tasarım</a> <a href="http://www.bildirgec.org/ara/blog">blog</a>larında büyük bir artış oldu. Bu kaynaklar <a href="http://www.bildirgec.org/ara/tasar%C4%B1mc%C4%B1lar">tasarımcılar</a>a büyük kolaylık sağlamaktadır. Aşağıda takip edebileceğiniz taze <a href="http://www.bildirgec.org/ara/tasar%C4%B1m%20bloglar%C4%B1">tasarım blogları</a>na ulaşabilirsiniz. Amaç daha önce duymadığınız siteleri keşfetmenizi sağlamaktır.</p> <p>1. <a href="http://designinformer.com/">Design Informer</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/19-44-designinformer.jpg' alt="\"\"" border="0"><br></div> <p>Design Informer, Jad Limcaco tarafından oluşturulmuş mükemmel bir web günlüğüdür. Tasarımcılar için makale, ders ve ücretsiz kaynaklar bulunuyor.</p> <ul> <li><a href="http://feeds.feedburner.com/design-informer">içeriğe abone olun</a></li> </ul> <p>2. <a href="http://designora.com/">DesignOra</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/19-49-designora.jpg' alt="\"\"" border="0"><br></div> <p>Sürekli güncellenen geniş bir içeriğe sahip tasarım blogudur.</p> <ul> <li><a href="http://feeds.feedburner.com/Designora">içeriğe abone olun</a><br><!-- buradan kes --></li> </ul> <p>3. <a href="http://www.onextrapixel.com/">Onextrapixel</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/19-11-onextrapixel.jpg' alt="\"\"" border="0"><br></div> <p>14 Nisan 2009 tarihinde yayın hayatına başlayan blog içerisinde eğitim, araçlar ve ücretsiz kaynaklar bulunuyor.</p> <ul> <li><a href="http://feeds2.feedburner.com/onextrapixel">içeriğe abone olun</a></li> </ul> <p>4. <a href="http://www.threestyles.com/">Three Styles</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/19-41-threestyles.jpg' alt="\"\"" border="0"><br></div> <p>Web tasarımcı ve geliştiricileri için son trendlere ve derslere ulaşabilirsiniz.</p> <ul> <li><a href="http://feeds.feedburner.com/ThreeStyles">içeriğe abone olun</a></li> </ul> <p>5. <a href="http://www.ideasonideas.com/">ideasonideas</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/19-31-ideasonideas.jpg' alt="\"\"" border="0"><br></div> <p>Eric Karjaluoto tarafından hazırlanmış tasarım blogudur.</p> <ul> <li><a href="http://www.ideasonideas.com/feed">içeriğe abone olun</a></li> </ul> <p>6. <a href="http://www.inspiredm.com/">Inspired Magazine</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/19-03-inspiredm.jpg' alt="\"\"" border="0"><br></div> <p>2 Mart 2009 tarihinde açılan blogda dersler ve ücretsiz kaynaklar yer almaktadır.</p> <ul> <li><a href="http://feeds.feedburner.com/InspiredMagazine">içeriğe abone olun</a></li> </ul> <p>7. <a href="http://inspectelement.com/">Inspect Element</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/19-27-inspectelement.jpg' alt="\"\"" border="0"><br></div> <p>Yüksek kaliteli makale, ders gibi içerikler yer almaktadır.</p> <ul> <li><a href="feed://feeds2.feedburner.com/inspectelement">içeriğe abone olun</a></li> </ul> <p>8. <a href="http://blogof.francescomugnai.com/">Blog of Francesco Mugnai</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/19-45-francescomugnai-2.jpg' alt="\"\"" border="0"><br></div> <p>Freelance tasarımcısının tasarım bilgilerini paylaştığı kişisel blog sayfası.</p> <ul> <li><a href="http://feeds.feedburner.com/Francescomugnai">içeriğe abone olun</a></li> <li><a href="http://feedburner.google.com/fb/a/mailverify?uri=Francescomugnai">içeriğe abone olun (email)</a></li> </ul> <p>9. <a href="http://www.designboom.com/eng/">Design Boom</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/19-10-designboom.jpg' alt="\"\"" border="0"><br></div> <p>Grafik tasarımı hakkında birçok bilgiye ulaşabilirsiniz.</p> <ul> <li><a href="http://www.designboom.com/weblog/rss.php">içeriğe abone olun</a></li> </ul> <p>10. <a href="http://www.position-absolute.com/">Position Absolute</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/19-01-positionabsolute.jpg' alt="\"\"" border="0"><br></div> <p>Web geliştiricileri için müthiş bir kaynaktır. 23 Ocak 2009 tarihinde açılmıştır.</p> <ul> <li><a href="http://feeds2.feedburner.com/position-absolute/nyJv">içeriğe abone olun</a></li> </ul> <p>11. <a href="http://circleboxblog.com/">Circlebox Blog</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/19-02-circleboxblog.jpg' alt="\"\"" border="0"><br></div> <p>Fotoğraf ve iş ile ilgili makalelerin yer aldığı blog sayfasıdır.</p> <ul> <li><a href="http://feeds.feedburner.com/circleboxblog">içeriğe abone olun</a></li> </ul> <p>12. <a href="http://thewebblend.com/">The Web Blend</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/19-04-thewebblend.jpg' alt="\"\"" border="0"><br></div> <p>Güncel kalmanız için son moda eğitim ve makalelere ulaşabilirsiniz.</p> <ul> <li><a href="http://feeds.feedburner.com/TheWebBlend">içeriğe abone olun</a></li> </ul> <p>13. <a href="http://foliofocus.com/">Folio Focus</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/19-05-foliofocus.jpg' alt="\"\"" border="0"><br></div> <p>Web tabanlıo portföy tasarım vitrinine ulaşabilirsiniz. Genelde günlük olarak güncellene blog, harika bir portföy ilham kaynağıdır.</p> <ul> <li><a href="http://feeds2.feedburner.com/foliofocus">içeriğe abone olun</a></li> <li><a href="http://feedburner.google.com/fb/a/mailverify?uri=foliofocus&loc=en_US">içeriğe abone olun (email)</a></li> </ul> <p>14. <a href="http://blogdesignheroes.com/">Blog Design Heroes</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/19-06-blogdesignheroes.jpg' alt="\"\"" border="0"><br></div> <p>Taze ve modern blog tema tasarımları yer almaktadır. İlham kaynağı için harika bir kaynaktır.</p> <ul> <li><a href="http://feeds2.feedburner.com/blogdesignheroes">içeriğe abone olun</a></li> <li><a href="http://feedburner.google.com/fb/a/mailverify?uri=blogdesignheroes&loc=en_US">içeriğe abone olun (email)</a></li> </ul> <p>15. <a href="http://typeinspire.com/">Type Inspire</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/19-07-typeinspire.jpg' alt="\"\"" border="0"><br></div> <p>Web tasarımı için yazı tipi ve metin efektleri için güzel bir kaynaktır. Çoğu zaman günlük olarak güncellenir.</p> <ul> <li><a href="http://feeds2.feedburner.com/typeinspire">içeriğe abone olun</a></li> <li><a href="http://feedburner.google.com/fb/a/mailverify?uri=typeinspire&loc=en_US">içeriğe abone olun (email)</a></li> </ul> <p>16. <a href="http://www.siiimple.com/">Siiimple</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/19-08-siiimple.jpg' alt="\"\"" border="0"><br></div> <p>Sık takip ederseniz, size çok geniş bir ilham kaynağı olacaktır.</p> <ul> <li><a href="http://feeds2.feedburner.com/siiimple/hwCZ">içeriğe abone olun</a></li> </ul> <p>17. <a href="http://bevelandemboss.net/">Bevel and Emboss</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/19-09-bevelandemboss.jpg' alt="\"\"" border="0"><br></div> <p>Ücretsiz web şablonları ve simge setleri yer almaktadır.</p> <ul> <li><a href="http://disqus.com/forums/bevelandemboss/bevel_and_emboss_626/latest.rss">içeriğe abone olun</a></li> </ul> <p>18. <a href="http://www.webdesignerhelp.co.uk/">Web Designer Help</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/19-12-webdesignerhelp.jpg' alt="\"\"" border="0"><br></div> <p>Eğitim, makale, ilham kaynağı, ücretsiz kaynaklar yer almaktadır.</p> <ul> <li><a href="http://feeds.feedburner.com/webdesignerhelp">içeriğe abone olun</a></li> </ul> <p>19. <a href="http://scriptandstyle.com/">Script & Style</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/19-13-scriptandstyle.jpg' alt="\"\"" border="0"><br></div> <p>Web geliştiricileri ve tasarımcıları için sağlam bir arşivdir. Kullanıcılar kendi linklerini göndererek siteye katkıda bulunabiliyor.</p> <ul> <li><a href="http://feeds2.feedburner.com/ScriptAndStyle">içeriğe abone olun</a></li> </ul> <p>20. <a href="http://d-lists.co.uk/">D-Lists</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/19-14-dlists.jpg' alt="\"\"" border="0"><br></div> <p>Geniş bir içeriğe sahip tasarım blogudur.</p> <ul> <li><a href="http://feeds2.feedburner.com/d-lists">içeriğe abone olun</a></li> </ul> <p>21. <a href="http://www.catswhocode.com/blog/">Cats Who Code</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/19-15-catswhocode.jpg' alt="\"\"" border="0"><br></div> <p>Programlama dilleri ağırlıklı bilgilerin yer aldığı harika bir blogdur.</p> <ul> <li><a href="http://feeds2.feedburner.com/Catswhocode">içeriğe abone olun</a></li> </ul> <p>22. <a href="http://designblurb.com/">Design Blurb</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/19-16-designblurb.jpg' alt="\"\"" border="0"><br></div> <p>Web ve grafik tasarım dersleri, kaynak ve ipuçları bulunuyor.</p> <ul> <li><a href="http://feeds2.feedburner.com/designblurb">içeriğe abone olun</a></li> </ul> <p>23. <a href="http://www.tutorialboard.net/">Tutorial Board</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/19-17-tutorialboard.jpg' alt="\"\"" border="0"><br></div> <p>Grafik tasarımcıları için yüksek kaliteli derslere ulaşabilirsiniz.</p> <ul> <li><a href="http://feeds2.feedburner.com/Tutorialboard">içeriğe abone olun</a></li> </ul> <p>24. <a href="http://www.marcofolio.net/">Marco Folio</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/19-18-marcofolio.jpg' alt="\"\"" border="0"><br></div> <p>Marco Kuiper tarafından hazırlanmış blogdur. Tasarım, programlama, eğlence gibi bölümlere ulaşabilirsiniz.</p> <ul> <li><a href="http://feeds2.feedburner.com/marcofolio">içeriğe abone olun</a></li> </ul> <p>25. <a href="http://ffffffive.com/">[f5]</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/19-19-five.jpg' alt="\"\"" border="0"><br></div> <p>Temmuz 2009'da açılmış, günlük olarak güncellenen yaratıcı blogdur.</p> <ul> <li><a href="http://ffffffive.com/feed/">içeriğe abone olun</a></li> </ul> <p><em>yazının devamı için <strong><a href="http://sixrevisions.com/resources/fresh-design-blogs-you-should-be-reading/">buraya</a></strong> tıklayın.</em></p> <p><strong>ayrıca aşağıdaki yazılarda ilginizi çekebilir.</strong></p> <ul> <li><a href="http://www.bildirgec.org/yazi/2009-un-en-iyi-tasarim">2009'un En İyi Tasarım Makaleleri</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/12-tasarimci-ders-sitesi">12 Tasarımcı Ders Sitesi<br></a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-12-mukemmel">Web Tasarımcıları İçin 12 Mükemmel Sosyal Haber Sitesi</a></li> </ul> <p><strong>kaynak:</strong> <a href="http://sixrevisions.com/resources/fresh-design-blogs-you-should-be-reading/">sixrevisions.com</a></p> <p>yazılarımı takip edebilirsiniz.</p> <ul> <li><a href="http://lebron.bildirgec.org/">blog</a> | <a href="http://twitter.com/lebron5">twitter</a> | <a href="http://friendfeed.com/lebron5">friendfeed</a> | <a href="http://delicious.com/lebron5">delicious</a> | <a href="http://feeds.feedburner.com/lebron">rss</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/ifyess">ifyess</a> tarafından <a href=" http://www.bildirgec.org/yazi/okumaniz-gereken-50-taze-tasarim ">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, 15 Feb 2010 17:10:00 GMT 234020@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/okumaniz-gereken-50-taze-tasarim ifyess <p>Web sayfalarınızın yerleşim düzenleri (<a href="http://www.bildirgec.org/ara/">Layouts</a>) <a href="http://www.bildirgec.org/yazi/layouts-icin-6-adet-jquery">+</a> için kullanabileceğiniz <b>EZ-CSS</b>, bu işlemi Table yerine CSS (div) ile yapabilmeniz için geliştirilmiş ve dosya boyutu sadece 1kb olan bir CSS çatısı (CSS framework).<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/78ba8c838a0c4e229f79bad.png' alt="\"\"" border="0"><br><img src='http://www.bildirgec.org/imaj/algoz/bc6bcb3aa0cd407ea6ef2ed.png' alt="\"\"" border="0"><br></div></p> <p>Çoklu sütun ve sıra oluşturabilme, farklı genişlik ve yüksek değerleri kullanabilme ve web sayfalarına kolayca ekleyebilme gibi daha birçok özelliği, avantajlar/özellikler listesinde barındıran EZ-CSS'yi farklı projeleriniz için kullanabilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/7fc320e7f2a5437caddca43.png' alt="\"\"" border="0"><br></div></p> <p>EZ-CSS'nin ana sayfasına <a href="http://www.ez-css.org/">buradan</a> ve farklı örneklerin bulunduğu demo sayfasına da <a href="http://www.ez-css.org/layouts">buradan</a> ulaşabilirsiniz.<br><!-- buradan kes --></p> <p><b>Bonus+++++++:</b><br><b>+</b><a href="http://www.tutorial9.net/resources/nixus-icon-pack-60-beautiful-premium-icons-free/">60 Beautiful Premium Icons (Free)</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/nixus-preview.jpg' alt="\"\"" border="0"><br></div></p> <p><b>+</b><a href="http://www.texturepalace.com/">TexturePalace</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/11761acaccff4c5d9ef5f8f.png' alt="\"\"" border="0"><br></div></p> <p><b>+</b><a href="http://www.bildirgec.org/yazi/layouts-icin-6-adet-jquery">Layouts için 6 Adet jQuery eklentisi</a><br><b>+</b><a href="http://www.bildirgec.org/yazi/jquery-ve-css-ile-page">jQuery ve CSS ile Page Peel Effect'i</a><br><b>+</b><a href="http://www.bildirgec.org/yazi/html-formlari-icin-25-harika">html formları için 25 harika jquery eklentisi</a><br><b>+</b><a href="http://www.bildirgec.org/yazi/jquery-ile-hos-bir-hover">jquery ile hoş bir Hover Effect'i</a><br><b>+</b><a href="http://www.bildirgec.org/yazi/en-iyi-10-jquery-slider">en iyi 10 jquery slider eklentisi</a></p> <p><b>Kaynak: </b><a href="http://www.ez-css.org/">EZ-CSS</a><br><b>Paylaş:</b> Sosyal Medya paylaşım sayfası <a href="http://www.addthis.com/bookmark.php">burada!</a><br><b><a href="http://www.google.com/profiles/algozzzzz">algoz</a> Takip Noktaları:</b> <br><a href="http://algoz.bildirgec.org/">Blog</a> <a href="http://friendfeed.com/algoz">FriendFeed</a> <a href="http://twitter.com/algozz">Twitter</a> <a href="http://apps.facebook.com/algozzz/">Facebook</a> <a href="http://feedburner.google.com/fb/a/mailverify?uri=algoz&amp;loc=tr_TR">E-posta</a> <a href="http://feeds2.feedburner.com/algoz">RSS</a> <a href="http://algozz.mofuse.mobi/">Mobil</a> <a href="http://algozz.mofuse.mobi/iphone">iPhone</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/ifyess">ifyess</a> tarafından <a href=" http://www.bildirgec.org/yazi/web-sayfa-yerlesimleri-layouts-icin ">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, 22 Feb 2010 17:07:00 GMT 234019@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/web-sayfa-yerlesimleri-layouts-icin ifyess <p><a href="http://css-tricks.com/anythingslider-jquery-plugin/">AnythingSlider</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/jquery-2009-1.jpg' alt="\"\"" border="0"><br></div><br>Web sayfanıza ekleyebileceğiniz hoş bir jQuery slide uygulaması. Resim veya metin ekleyebilirsiniz.</p> <p><a href="http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider">Easy Slider</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/jquery-2009-3.jpg' alt="\"\"" border="0"><br></div><br>Yanlarında bulunan iki ok ile kolay şekilde kullanımı olan bu jQuery slider genelde resimler için kullanılmakta</p> <p><a href="http://www.ndoherty.biz/tag/coda-slider/">Coda-Slider 2.0</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/jquery-2009-7.jpg' alt="\"\"" border="0"><br></div><br>Coda-Slider 2,0 metin sayfaları için hazırlanmıştır. Ziyaretçileriniz için zamandan tasarruf ön planda olup tıkladığınız sayfa o zaman yüklenmeye başlar.</p> <p><!-- buradan kes --></p> <p><a href="http://devkick.com/lab/galleria/">Galleria</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/jquery-2009-4.jpg' alt="\"\"" border="0"><br></div><br>Bu yılın çok popüler jQuery galerilerinden biri olduğunu söylemek mümkün. Birçok derleme ve makelede yer aldı. Altta bulunan ön izlemeli resimler sağa sola doğru hareket ederler tıkladığınız resmin arka planda yer alır.</p> <p><a href="http://www.catchmyfame.com/2009/08/13/jquery-panel-gallery-1-1-plugin-released/">jQuery Panel Gallery</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/jquery-2009-5.jpg' alt="\"\"" border="0"><br></div><br>Kolay yapılandırılabilen kompakt görüntü veren jQuery galeri uygulaması. Resim hoş bir efek ile yerini başka bir resme bırakır.</p> <p><a href="http://www.buildinternet.com/project/supersized/">Supersized</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/jquery-2009-6.jpg' alt="\"\"" border="0"><br></div><br>Galeriden daha fazlasını arıyorsanız supersized size göre. Otomatik değişim ve seçtiğiniz zaman aralığına göre size slayd imkanı sunuyor.</p> <p><a href="http://pupunzi.open-lab.com/mb-jquery-components/mb-_menu/">jquery mb.menu</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/jquery-2009-8.jpg' alt="\"\"" border="0"><br></div><br>2 katmanlı hoş bir jQuery navigasyon menü</p> <p><a href="http://www.queness.com/post/256/horizontal-scroll-menu-with-jquery-tutorial"><br>Horizontal Scroll Menu with jQuery </a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/jquery-2009-16.jpg' alt="\"\"" border="0"><br></div><br>Bu menüyü ilk gördüğünüzde flash zannetmeniz mümkün. Mause ile üzerinde durduğunuzda y ekseninde (yukarı-aşağı) hareket ediyor.</p> <p><a href="http://www.unwrongest.com/projects/password-strength/">Password Strength</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/jquery-2009-12.jpg' alt="\"\"" border="0"><br></div><br>Bu uygulama şifrenizin ne kadar sürede kırılabileceğini tahmin edip size söylüyor. Örneğin bir karekterli bir şifre 1sn.de kırılıyor gibi. Tam üyelik formları için bir sistem.</p> <p><a href="http://www.webdesignbeach.com/beachbar/ajax-fancy-captcha-jquery-plugin">Ajax Fancy Capcha</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/jquery-2009-13.jpg' alt="\"\"" border="0"><br></div><br>Farklı bir catcha servisi. Herhangi bir kelime veriyor.(örneğin güneş) ve alttaki resimlerden onu bulmanızı istiyor.</p> <p><a href="http://www.uploadify.com/"><br>Uploadify</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/jquery-2009-15.jpg' alt="\"\"" border="0"><br></div><br>Birçok web sitede görebileceğiniz popüler bir uygulama. Siteye "upload" hızınızı, yüzdesini vb. size anında yansıtıyor. Ayrıca isterseniz iptal etme hakkınız da bulunmakta.</p> <p>Kaynak ; <a href="http://www.unwrongest.com/projects/password-strength/">unwrongest</a></p> Ayrıca Bakınız ; <ul> <li><a href="http://www.bildirgec.org/yazi/jquery-yazi-efektleri">jQuery Yazı Efektleri</a></li> <li><a href="http://www.bildirgec.org/yazi/turkce-jquery-dersleri">Türkçe jQuery dersleri</a></li> <li><a href="http://www.bildirgec.org/yazi/jquery-uygulamalari-2">jQuery Uygulamaları</a></li> <li><a href="http://www.bildirgec.org/yazi/jquery-ile-hazirlanan-oyunlar">jQuery ile Hazırlanan Oyunlar!</a></li> <li><a href="http://www.bildirgec.org/yazi/jquery-gelistiricileri-icin-en-iyi">jQuery Geliştiricileri için En iyi Firefox Eklentileri</a></li> <li><a href="http://www.bildirgec.org/yazi/en-iyi-captcha-servisleri">En iyi Captcha Servisleri</a></li> <li><a href="http://www.bildirgec.org/yazi/10-harika-jquery-navigasyon-menu">10 Harika jQuery Navigasyon Menü</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/ifyess">ifyess</a> tarafından <a href=" http://www.bildirgec.org/yazi/2009-un-en-iyi-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> Tue, 15 Dec 2009 15:14:00 GMT 230125@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/2009-un-en-iyi-jquery ifyess <p>Sitenizde basit ve hoş görünen fakat flaş kadar da yavaş yüklenmeyen menüler, rengi değişen arka planlar, dikkat çekici hoş uygulamalar istiyorsanız <a href="http://www.bildirgec.org/jquery">jQuery</a> tam size göre;</p> <p><strong>Kwicks for jQuery</strong> | <a href="http://www.jeremymartin.name/examples/kwicks.php?example=1">Demo</a> - <a href="http://www.jeremymartin.name/projects.php?project=kwicks">Ders</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/2eby2d5.jpg' alt="\"\"" border="0"><br></div><br>jQuery menü uygulaması. Bloklardan birinin üstüne geldiğinizde sağa/sola veya aşağı kayan hoş bir uygulama. Bu sayede gizlenen resme resimler ya da bilgi metinleri yerleştirebilirsiniz<br><strong><br>Changing design colors with jquery</strong> | <a href="http://9lessons.net63.net/colors.html">Demo</a> - <a href="http://9lessons.blogspot.com/2009/06/change-theme-color-with-jquery.html">Ders</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/dgmmoi.jpg' alt="\"\"" border="0"><br></div><br>Web sayfası tasarlarken işinize yarayacak bir uygulama. Link, arka plan vb. gibi renkleri ayarladığınızda anında görüntüsünü size veriyor.</p> <p><!-- buradan kes --></p> <p><strong>Easy jQuery fading color menu </strong> | <a href="http://www.tomhoppe.com/index.php/2009/02/easy-jquery-fading-color-menu/"> Der</a> <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/2a7ftoh.jpg' alt="\"\"" border="0"><br></div><br>jQuery menü uygulaması. Blogların altına sonradan üstüne gidildiğinde ortaya çıkan bilgi kutucukları çıkıyor.</p> <p><strong>highlightFade jQuery Plugin</strong> | <a href="http://jquery.offput.ca/highlightFade/old.php">Demo</a> -<a href="http://jquery.offput.ca/highlightFade/old.php"> Ders</a> <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/2ch1es3.jpg' alt="\"\"" border="0"><br></div><br>Arka planları veya başlıkları daha vurgulu olması ve dikkat çekmesi için jQuery sayesinde renk değiştirebilmesini sağlayabileceğiniz hoş bir uygulama.</p> <p><strong>jAni</strong> | <a href="http://www.ajaxblender.com/script-sources/jani/demo/index.html">Demo</a> - <a href="http://www.ajaxblender.com/jani.html">Ders</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/2irvwb4.jpg' alt="\"\"" border="0"><br></div><br>jQuery ile yapılan animasyon efekti. Hazırladığınız animasyonu istediğiniz yerde durdurma, başa alma özellikleri mevcut (pause,stop).</p> <p><strong>Fade colors using jQuery</strong> | <a href="http://www.jankoatwarpspeed.com/examples/fade-colors/">Demo</a> - <a href="http://www.jankoatwarpspeed.com/post/2009/10/13/Fade-colors-jQuery.aspx">Ders</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/330h2li.jpg' alt="\"\"" border="0"><br></div><br>Yazılara anında istediğiniz rengi verebiliyorsunuz. Belirlediğiniz butonlara tıklandıklarında renkeleri değişiyor.</p> <p><strong>jQuery Colorful Sitemap </strong> | <a href="http://css-tricks.com/examples/Sitemap">Demo</a> - <a href="http://www.smashingmagazine.com/2009/01/22/ask-sm-how-to-create-a-colorful-sitemap-with-jquery/">Ders</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/2i7vgpc.jpg' alt="\"\"" border="0"><br></div><br>Hoş bir jQuery ile hazırlanan site haritası uygulaması.</p> <p><strong>jQuery Color Plugin and Color Animation</strong> | <a href="http://desizntech.info/demo/jQuery_color_animation/">Demo</a> - <a href="http://desizntech.info/2009/06/playing-with-jquery-color-plugin-and-color-animation/">Ders</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/jj72p5.jpg' alt="\"\"" border="0"><br></div><br>jQuery ile hazırlanan başka bir menü uygulaması. Üstüne gittiğinizde arka plan veya yazı rengi hoş bir şekilde renk değiştiriyor.</p> <p><strong><br>jQuery Random Link Color Animations</strong> | <a href="http://davidwalsh.name/dw-content/jquery-random-colors.php">Demo</a> - <a href="http://davidwalsh.name/jquery-random-color-animate">Ders</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/smy1rr.jpg' alt="\"\"" border="0"><br></div><br>Hazırladığınız linklerin jQuery ile hareket etmesi ve renk değiştirmesini sağlayan uygulama.</p> <p><em>Devamı gelecek...</em></p> <p>Kaynak ; <a href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-animation-effects-plugins-jquery-plugins/colorful-jquery-plugins/">wisdomplug</a></p> Ayrıca Bakınız ; <ul> <li><a href="http://www.bildirgec.org/yazi/turkce-jquery-dersleri">Türkçe jQuery dersleri</a></li> <li><a href="http://www.bildirgec.org/yazi/jquery-yazi-efektleri">jQuery Yazı Efektleri</a></li> <li><a href="http://www.bildirgec.org/yazi/10-harika-jquery-navigasyon-menu">10 Harika jQuery Navigasyon Menü</a></li> <li><a href="http://www.bildirgec.org/yazi/en-iyi-jquery-medya-oynaticilari">En iyi jQuery Medya Oynatıcıları</a></li> <li><a href="http://www.bildirgec.org/yazi/en-iyi-captcha-servisleri">En iyi Captcha Servisleri</a></li> <li><a href="http://www.bildirgec.org/yazi/en-iyi-5-veritabani-yonetim-1">En iyi 5 Veritabanı Yönetim Aracı</a></li> <li><a href="http://www.bildirgec.org/yazi/web-2-0-icin-tasarim">Web 2.0 için Tasarım Araçları</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/ifyess">ifyess</a> tarafından <a href=" http://www.bildirgec.org/yazi/jquery-uygulamalari-1-1 ">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, 03 Dec 2009 12:41:00 GMT 228751@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/jquery-uygulamalari-1-1 ifyess <p>Birçok web tasarımcı satırlarca kodu aklında tutamaz. Bu yüzden kendilerine ait notları ya da baktıkları birkaç yer bulunur. Burada <a href="http://www.bildirgec.org/ara/wordpress">wordpress</a>,<a href="http://www.bildirgec.org/ara/html">html</a>,<a href="http://www.bildirgec.org/ara/css">css</a>,<a href="http://www.bildirgec.org/ara/jquery">jquery</a>,<a href="http://www.bildirgec.org/ara/photoshop">photoshop</a> vb. gibi birçok konuda notlar,ipuçları ve hileler bulunmakta ;</p> <p><a href="http://wpcandy.com/wp-content/uploads/WordPress-Help-Sheet.pdf">Liquidicity</a> (Wordpress yardım notları)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/liquidicity.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://designtopx.files.wordpress.com/2009/11/wp_loop.pdf">WP-The Loop</a> (Wordpress yardım notları)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/loop.jpg' alt="\"\"" border="0"><br></div></p> <p><!-- buradan kes --></p> <p><a href="http://designtopx.files.wordpress.com/2009/11/wp_loop.pdf">Theme Development Check List</a> (Wordpress Tema Geliştirme Kontrol Listesi)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/theme.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://colorcharge.com/jquery/">jQuery </a>( jQuery yardım notları)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/jquery.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.gscottolson.com/weblog/2008/01/11/jquery-cheat-sheet/">jQuery 1.2 Cheat Sheet </a>(jQuery Hileleri)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/jquery12.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.dreamincode.net/downloads/ref_sheets/php_reference_sheet.pdf">PHP reference sheet </a>(Basit php hatırlatma notları)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/php.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.gosquared.com/images/help_sheets/PHP%20Help%20Sheet%2001.pdf">GoSquared</a> (Php notları)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/php2.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://creativetechs.com/tipsblog/adobe-pen-tool-cheatsheet/">Creative Tip</a> (Photoshop'ta <a href="http://www.bildirgec.org/ara/pen tools">pen tools</a> için ipuçları)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/pen-tool.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://morris-photographics.com/photoshop/shortcuts/#pscs4">Adobe Photoshop CS4 Keyboard Shortcuts</a> ( Photoshop CS4 klavye kısayol listesi)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/photoshop-cs4.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.addedbytes.com/cheat-sheets/css-cheat-sheet/">CSS Cheat Sheet (V2)</a> (<a href="http://www.bildirgec.org/ara/css">Css</a> notları)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/v2.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://designtopx.files.wordpress.com/2009/11/rgb-hex-cheat-sheet-v1.pdf">RGB Colour codes</a> (<a href="http://www.bildirgec.org/ara/rgb">RGB</a> renk kodları)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/color-2.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://designtopx.files.wordpress.com/2009/11/html-help-sheet-02.pdf">GoSquared</a>(Html notları)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/html.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://designtopx.files.wordpress.com/2009/11/html-character-entities-cheat-sheet.pdf">HTML character entities</a> (html karakter listesi)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/html-char.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.elizabethcastro.com/html/extras/xhtml_ref.html"><br>HTML Elements and Attributes</a> (html elemanları ve özellikleri)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/htmlattribute.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.customguide.com/pdf/fireworksmac-quick-reference-cs3.pdf">Fireworks CS3</a> (<a href="http://www.bildirgec.org/ara/adobe fireworks">adobe fireworks</a> cs3 notları)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/fireworks.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.crazyleafdesign.com/blog/images/tutorials/keyboard-shortcuts/illustrator-cs3-mac.pdf">Illustrator CS3</a> (<a href="http://www.bildirgec.org/ara/adobe illustrator">adobe illustrator</a> cs3 notları)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/illustrator.jpg' alt="\"\"" border="0"><br></div></p> <p>Kaynak ; <a href="http://www.webanddesigners.com/34-cheat-sheets-for-web-designers-and-developers">webanddesigners</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/ifyess">ifyess</a> tarafından <a href=" http://www.bildirgec.org/yazi/web-tasarimcilari-icin-hatirlatici-notlar-1 ">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, 02 Dec 2009 17:25:00 GMT 228750@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/web-tasarimcilari-icin-hatirlatici-notlar-1 ifyess <p>Yıl 1990. İlk web tasarımları yayınlanmaya başlandı. <a href="http://www.bildirgec.org/ara/web tasarım">Web tasarım</a>cılar (ki sayıları şimdiye göre çok daha az) sadece metin tabanlı sayfalar hazırlıyorlardı. Metinler ve linkler haricinde görsel olarak herhangi bir şey görmek olanaksızdı. Ancak bu uzun sürmedi. Sonunda css tabanlı tasarımlar ve flaş keşfedildi, buraya kadar gelindi ve daha da ilerleyeceğe benziyor.</p> <p><strong>İlk web sayfaları</strong><br>Sıcak bir ağustos günü Tim Berners-Lee içinde birkaç link olan sadece metinden oluşan ilk web sayfasını yayınladı. Birkaç paragraf dışında pek bir şey olduğu söylenemez. İnsanlara World Wide Web (<a href="http://www.bildirgec.org/ara/www">www</a>)'in olduğu hakkında bilgi içeren bir sayfaydı bu.<br><a href="http://www.bildirgec.org/ara/html">Html</a> (HyperText Markup Language) biraz daha gelişince paragraf, başlık, link vb. özellik geldi. Sonraki sürümlerinde sonunda görsellik eklenebiliyordu.<br>1994 yılında ise World Wide Web Konsorsiyumu (<a href="http://www.bildirgec.org/ara/w3c">W3C</a>) kuruldu.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/19-02-first-webpages.png' alt="ilk web sayfası (1992)" border="0"><br>ilk web sayfası (1992)</div> <p><!-- buradan kes --></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/19-03-yahoo1996.png' alt="Yahoo! (1996)" border="0"><br>Yahoo! (1996)</div> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/19-04-altavista1996.jpg' alt="Altavista (1996)" border="0"><br>Altavista (1996)</div> <p><strong>Tablo tabanlı tasarımlar</strong><br>Html'de tablo özelliği gelince yeni tasarımlar oluşmaya başladı. Birbirinden farklı tablo tasarımları oluşturuldu ve arkaplanlarına resimler koyuldu. Bunların estetik görüntüdeki ilk adımlar olduğunu söyleyebiliriz.</p> <p>Bu dönemde gif'ler boşluk kontrolü için idealdi. Büyük şirketler bile tasarımlarında boşluklar için gif ile sağlardı. (Bakınız; <a href="http://en.wikipedia.org/wiki/Spacer_GIF">Spacer GIFs</a>)</p> <p>Fakat tüm bunlar tasarımcılara yetmiyordu. Daha karmaşık daha görsel tasarımlara adım atmak istiyorlardı.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/19-07-w3c1998.png' alt="W3C (1998)" border="0"><br>W3C (1998)</div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/19-05-yahoo2002.jpg' alt="yahoo! (2002)" border="0"><br>yahoo! (2002)</div> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/19-06-altavista2000.png' alt="Altavista (2002)" border="0"><br>Altavista (2002)</div> <p><strong>Flaş tasarımlı tasarımlar</strong><br><a href="http://www.bildirgec.org/ara/flash">Flaş</a> (FutureSplash Animator , önce Macromedia Flaş daha sonra Adobe Flash) 1996 yılında geliştirildi. html'den daha güçlü tasarımlar yapılmaya başlandı ve giderek yayıldı. Flaş ve html birlikte tasarımcıları daha çok tatmin etmeye başladı.<br>Flaş öncelikle <a href="http://www.bildirgec.org/ara/cd-rom">CD-ROM</a> için içerik oluşturma amacı ile yapıldı. Daha sonra web sitelerinde bazı video vb. gibi yayınların daha az alan kaplaması için kullanıldı ve giderek gelişti.</p> <p>Flaş ve animasyon özellikleri ile görsellikte bir adım daha atılmış oldu.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/19-08-werkette.jpg' alt="\"\"" border="0"><br></div></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/19-09-rw2studios.jpg' alt="\"\"" border="0"><br></div> <p><strong>Dinamik HTML (DHTML)</strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/19-15-dhtml-example.png' alt="\"\"" border="0"><br></div><br>Flaş gelişirken ve animasyonlu tasarımlar modayken html'e yenilikler getirildi. Flaş ile yapılan bazı interaktif özellikler dhtml ve javascript ile web sayfalarında uygulanabilmekteydi.</p> <p><a href="http://www.bildirgec.org/ara/3dml"><br><strong>3DML</strong></a>, 3 boyutlu web siteleri oluşturmak için geliştirilen az bilinen bir dildir. 1996 yılında Michael Powers tarafından yapıldı. Michael Powers aynı zamanda XML dilini bulunmasıyla bilinir. 3DML günümüzde hala var fakat tarayıcılara yüklenmesi gereken bir eklenti ile çalışmakta. Fakat günümüzde flaş tasarımlar daha ağır basmakta.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/19-16-flatland-rover.png' alt="\"\"" border="0"><br></div></p> <p><strong>CSS tabanlı tasarımlar</strong><br>CSS tabanlı tasarımlar popülerliğini 2000'li yıllarda kazanmaya başladı. Sade sayfalara göre daha hoş görünüm. Flaş içeriğe göre daha hızlı yüklenmesi avantajlarıydı. Ayrıca içeriğe dokunmadan tüm tasarımı değiştirme olanağınız bulunmakta.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/19-12-w3c2003.jpg' alt="W3C (2003)" border="0"><br>W3C (2003)</div> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/19-13-w3c2009.jpg' alt="W3C (2009)" border="0"><br>W3C (2009)</div> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/19-10-yahoo2009.jpg' alt="Yahoo! (2009)" border="0"><br>Yahoo! (2009)</div> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/19-11-altavista2009.jpg' alt="Altavista (2009)" border="0"><br>Altavista (2009)</div> <p>Web tasarım hala gelişmeye devam etmekte olan bir sektör. Peki ya gelecekte neler olacak?</p> <p>Kaynak ; <a href="http://sixrevisions.com/web_design/the-evolution-of-web-design/">sixrevisions</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/ifyess">ifyess</a> tarafından <a href=" http://www.bildirgec.org/yazi/web-tasarim-ve-evrim ">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, 02 Dec 2009 12:51:00 GMT 228747@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/web-tasarim-ve-evrim ifyess <p><a href="http://www.bildirgec.org/ara/tasarımcılar">Tasarımcılar</a> için bir araya getirilmiş birbirinden faydalı <a href="http://www.bildirgec.org/ara/jquery">jquery</a> <a href="http://www.bildirgec.org/ara/eklenti">eklenti</a>lerine aşağıdan ulaşabilirsiniz.</p> <p><strong>1.</strong> <a href="http://wheresrhys.co.uk/resources/crossSelect/crossSelect.html">crossselect plugin</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/crosselect.png' alt="\"\"" border="0"><br></div> <p>Seçilen öğeleri karşı tarafa almak için kullanabileceğiniz bir eklentidir.</p> <p><strong>2.</strong> <a href="http://www.vertigo-project.com/projects/vtip">vtip</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/ltooltip.png' alt="\"\"" border="0"><br></div> <p>Jquery kullanıcıları için hızlı bir şekilde ipucu göstermenizi sağlar.</p> <p><!-- buradan kes --></p> <p><strong>3.</strong> <a href="http://keith-wood.name/timeEntry.html">time entry field</a></p> <p>Zamanı gösterebileceğiniz güzel bir uygulama.</p> <p><strong>4.</strong> <a href="http://www.geocities.com/sostopmx/software/path-selector/pathSelector.html">path selector</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/pathselector.png' alt="\"\"" border="0"><br></div> <p>Hiyerarşik yapıda bulunan nesneleri seçmek için kullanabileceğiniz açılır pencere eklentisi.</p> <p><strong>5.</strong> <a href="http://www.happyworm.com/jquery/jplayer/">jplayer</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/jplayer.jpg' alt="\"\"" border="0"><br></div> <p>Web sayfanız üzerinden mp3 dosyalarınızı çalma ve kontrol etme imkanı verir.</p> <p><strong>6.</strong> <a href="http://code.google.com/p/opensocial-jquery/">opensocial-jquery</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/opensocial-3.jpg' alt="\"\"" border="0"><br></div> <p>Javascript kütüphanelerini kullanarak jquery gadget geliştirebileceğiniz faydalı bir eklenti.</p> <p><strong>7.</strong> <a href="http://plugins.jquery.com/project/glyph">glyph</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/glyph.png' alt="\"\"" border="0"><br></div> <p>Makale veya blog yazılarınızın sonuna dergi ve gazete tasarımcılarının yaptığı gibi profesyonellik hissi verir.</p> <p><strong>8.</strong> <a href="http://blog.yctin.com/archives/jquery-plugins-checktree/">checktree(yctin edition)</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/checktree.png' alt="\"\"" border="0"><br></div> <p>Kolayca kontrol edebileceğiniz ağaç menü uygulaması.</p> <p><strong>9.</strong> <a href="http://dragsort.codeplex.com/">jquery list dragsort</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/dragsortexample.png' alt="\"\"" border="0"><br></div> <p>Sürükle bırak özelliğini sağlar.</p> <p><strong>10.</strong> <a href="http://plugins.jquery.com/project/hintbox">hintbox</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/hintbox.png' alt="\"\"" border="0"><br></div> <p>Kolay bir arama yardımcısıdır.</p> <p><strong>11.</strong> <a href="http://www.anon-design.se/demo/maxlength-jquery">custom maxlentgh</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/maxlength.png' alt="\"\"" border="0"><br></div> <p>Yazabileceğiniz karakter sayısını gösteren faydalı bir eklenti.</p> <p><strong>12.</strong> <a href="http://keith-wood.name/bookmark.html">jquery bookmark</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/jqbm.png' alt="\"\"" border="0"><br></div> <p>Sayfanızı çeşitli sosyal imleme sitelerine ekleyebileceğiniz eklenti.</p> <p><strong>13.</strong> <a href="http://home.aland.net/sundman/">form wizard plugin</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/formwizard.png' alt="\"\"" border="0"><br></div> <p>Form sihirbazı ile kolayca istediğiniz şekilde formlar oluşturabilirsiniz.</p> <p><strong>14.</strong> <a href="http://mypocket-technologies.com/jquery/SelectBoxPlugin/">jquery custom select box</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/selectbox.png' alt="\"\"" border="0"><br></div> <p>Kişiselleştirilebilir birden fazla seçme kutusu.</p> <p><strong>15.</strong> <a href="http://plugins.jquery.com/project/jmodal">jquery modal dialog</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/fbdialog.png' alt="\"\"" border="0"><br></div> <p>Facebook tarzı uyarı penceresidir.</p> <p><strong>16.</strong> <a href="http://code.google.com/p/epiclock/">epiclock</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/epiclock.png' alt="\"\"" border="0"><br></div> <p>Kolayca dinamik saat oluşturmanızı sağlar.</p> <p><strong>17.</strong> <a href="http://pupunzi.wordpress.com/2009/01/18/mbmenu/">mbmenu</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/mbmenu.jpg' alt="\"\"" border="0"><br></div> <p>Güzel bir ağaç menü uygulaması.</p> <p><strong>18.</strong> <a href="http://nihilex.com/droplist-filter">droplist filter</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/dlfilter.png' alt="\"\"" border="0"><br></div> <p>Kısa arama için javascript aracıdır.</p> <p><strong>19.</strong> <a href="http://plugins.jquery.com/project/jyoutube">jyouttube</a></p> <p>Herhangi bir youtube videosunu almak için kullanabileceğiniz güzel bir eklenti.</p> <p><strong>20.</strong> <a href="http://plugins.jquery.com/project/dropcurves">drop curves</a></p> <p>Kenarları yuvarlatılmış imajlar oluşturabileceğiniz eklentidir.</p> <p><strong>21.</strong> <a href="http://spaceforaname.com/galleryview">galleryview</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/whole.jpg' alt="\"\"" border="0"><br></div> <p>Animasyonlu bir resim galerisidir.</p> <p><strong>22.</strong> <a href="http://lab.smashup.it/flip/">flip!</a></p> <p>Elemanlarınızı 4 yöne çevirmek için kullanabileceğiniz eklentidir.</p> <p><strong>23.</strong> j<a href="http://keith-wood.name/imageCube.html">query image cube</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/imagecube-2.png' alt="\"\"" border="0"><br></div> <p>Küp şeklinde fotoğraflarınızı görüntüleme eklentisi.</p> <p><strong>24.</strong> <a href="http://code.google.com/p/jquery-validator/">jquery-validator</a></p> <p>Etiketleri doğrulamak için kullanabileceğiniz bir eklenti.</p> <p><strong>25.</strong> <a href="http://www.kingmade.ch/archives/149">loading animation plugin</a></p> <p>Bekleme aşamasında yükleniyor animasyonu gösterebileceğiniz güzel bir uygulamadır.</p> <p><strong>26.</strong> <a href="http://code.google.com/p/canvasswap/">canvasswap</a></p> <p>Resimlerinize güzel efektler verebileceğiniz faydalı bir eklenti.</p> <p><strong>27.</strong> <a href="http://magicalhover.clashdesign.be/">magicalhover</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/maghover.png' alt="\"\"" border="0"><br></div> <p>Web siteniz için güzel bir geçiş eklentisidir.</p> <p><strong>28.</strong> <a href="http://plugins.jquery.com/project/Bounce">bounce</a></p> <p>Web sayfası üzerindeki elemanları genişletmek için kullanabileceğiniz bir eklentidir.</p> <p><strong>ayrıca aşağıdaki yazılarda ilginizi çekebilir.</strong></p> <ul> <li><a href="http://www.bildirgec.org/yazi/15-mukemmel-jquery-navigasyon-teknigi">15 mükemmel jquery navigasyon tekniği ve çözümü</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/sitenize-eklemeniz-icin-5-jquery">sitenize eklemeniz i̇çin 5 jquery ve ajax sosyal i̇mleme widget dersi</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/web-gelistiricileri-icin-8-jquery">web geliştiricileri i̇çin 8 jquery ve ve ajax tabanlı etiket bulutu yapımı</a></li> </ul> <strong>yazılarımı takip edebilirsiniz.</strong> <ul> <li><a href="http://lebron.bildirgec.org/">blog</a> | <a href="http://friendfeed.com/lebron5">friendfeed</a> | <a href="https://twitter.com/lebron5">twitter</a></li> <li><strong>kaynak:</strong> <a href="http://www.queness.com/post/294/best-jquery-plugins-for-designers">quness.com</a> | <a href="http://fresherswisdom.com/web-designing/146-web-programming/949-best-jquery-plugins-for-designers.html">fresherswisdom.com</a> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/ifyess">ifyess</a> tarafından <a href=" http://www.bildirgec.org/yazi/tasarimcilar-icin-faydali-28-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> Wed, 24 Jun 2009 13:12:00 GMT 213937@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/tasarimcilar-icin-faydali-28-jquery ifyess <p>Birçok kişi o ya da bu şekilde; dersleri kullanarak, hazır dosyaları indirerek vb. yollarla photoshop'da web sitesi oluşturabiliyor. Ancak pek azımız bunu iyi bir şekilde harmanlanmış bir web sitesine dönüştürebiliyor. Bu yazıda Psd'yi HTML'e dönüştürmeyi öğrenebileceğiniz 21 adet ders bulacaksınız. Dilerseniz daha önce yayınlanmış <a href="http://www.bildirgec.org/yazi/psd-leri-html-e-cevirme">şu bildiriye</a> ya da <a href="http://www.bildirgec.org/yazi/psd-den-css-html-e">buna</a> da bakabilirsiniz.</p> <p><a href="http://hv-designs.co.uk/2009/01/28/the-design-lab-psd-conversion/"><h1>1. the design lab: psd conversion</h1>Psd çevirme</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/1.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://nettuts.com/site-builds/from-psd-to-html-building-a-set-of-website-designs-step-by-step/"><h1>2. from psd to html, building a set of website designs step by step</h1>adım adım psd'den html</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/2.jpg' alt="\"\"" border="0"><br></div></p> <p><!-- buradan kes --></p> <p><a href="http://psdvibe.com/2009/04/20/coding-design-lab-tv-styled-layout/"><h1>3. coding: design lab tv styled layout</h1>Televizyon Layoutlu Tasarım</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/3.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://csshowto.com/layout/psd-to-csshtml-in-easy-steps-part-1/"><h1>4. psd to css/html in easy steps - part 1</h1>Basit adımlarla Psd'den css - html çeviri</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/4.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://net.tutsplus.com/videos/screencasts/slice-and-dice-that-psd/"><h1>5. slice and dice that psd</h1>psd bölümleme (slice)</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/5.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://css-tricks.com/video-screencasts/12-converting-a-photoshop-mockup-part-two-episode-one/"><h1>6. converting a photoshop mockup: part two, episode one</h1>psd çevirme</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/6.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://net.tutsplus.com/tutorials/site-builds/build-a-sleek-portfolio-site-from-scratch/"><h1>7. build a sleek portfolio site from scratch</h1>çizimden siteye, portfolyo sitesi</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/7.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://hv-designs.co.uk/2009/02/27/portfolio-layout-10-learn-to-code/"><h1>8. portfolio layout - learn to code it</h1>portfolyo tasarımı kodlamak</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/8.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://nettuts.com/videos/screencasts/converting-a-design-from-psd-to-html/"><h1>9. converting a design from psd to html</h1>bir tasarımı psd'den html'e çevirmek</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/9.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://nettuts.com/videos/screencasts/how-to-convert-a-psd-to-xhtml/"><h1>10. how to convert a psd to xhtml</h1>psd'den xhtml'ye çeviri</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/10.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://nettuts.com/videos/screencasts/how-to-convert-a-psd-to-xhtml/"><h1>11. how to convert psd to html</h1>psd'den html'e çeviri</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/11.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.subcide.com/tutorials/csslayout/page12.aspx"><h1>12. creating a css layout from scratch</h1>çizimden css'ye tasarım aşamaları</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/12.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://hv-designs.co.uk/2008/05/20/psd-htmlcss/"><h1>13. psd > html/css</h1>psd'den html - css'e çeviri</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/13.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.blog.spoongraphics.co.uk/tutorials/encoding-a-photoshop-mockup-into-xhtml-"><h1>14. encoding a photoshop mockup into xhtml & css</h1>psd'yi xhtml ve css olarak kodlamak</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/14.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://freecss.info/free-css-tutorials/css-template-tutorial-setting-up/"><h1>15. css template tutorial</h1>css şablon dersi</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/15.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://hv-designs.co.uk/2008/12/01/portfolio-layout-4-the-code/"><h1>16. portfolio layout 4: the code</h1>portfolyo tasarımını kodlamak</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/16.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://erraticwisdom.com/2006/01/29/tutorial-coding-a-layout"><h1>17. tutorial coding a layout</h1>bir layout'u kodlamak</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/17.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://css-tricks.com/video-screencasts/1-converting-a-photoshop-mockup-part-1-of-3/"><h1>18. converting a photoshop mockup</h1>psd çevirmek</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/18.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.gomediazine.com/tutorials/create-a-killer-band-site-in-drupal-part-3-xhtml/"><h1>19. killer site - from illustrator to xhtm to drubal</h1>illustrator'den xhtml'ye, oradan da drupala!</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/19.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.partdigital.com/tutorials/convert-web/"><h1>20. from psd to html</h1>psd'den html'e çeviri</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/20.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://hv-designs.co.uk/2007/10/10/coding-your-1st-psd-tutorial/"><h1>21. coding a car sales layout</h1>Araba satış sitesi kodlamak</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/21.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://dzineblog.com/2009/04/tutorials-psd-to-html.html">Kaynak</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/ifyess">ifyess</a> tarafından <a href=" http://www.bildirgec.org/yazi/psd-yi-html-e-cevirebilmeniz ">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, 25 May 2009 08:45:00 GMT 210735@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/psd-yi-html-e-cevirebilmeniz ifyess <p><a href="http://www.bildirgec.org/ara/web%20tasar%C4%B1mc%C4%B1">Web tasarımcı</a>ları için <a href="http://www.bildirgec.org/ara/internet">internet</a>te çok güzel ve <a href="http://www.bildirgec.org/ara/faydal%C4%B1%20ara%C3%A7lar">faydalı araçlar</a> bulunuyor. Arşivinize alabileceğiniz birbirinden güzel siteler aşağıda yer almaktadır.</p> <p>1. <a href="http://leftlogic.com/lounge/articles/entity-lookup/">HTML Entity Character Lookup</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/html-entity.jpg' alt="\"\"" border="0"><br></div> <p>Yazmış olduğunuz harf ve karakterlerin html karşılığını bulabiliyorsunuz.</p> <p>2. <a href="http://www.blueprintcss.org/">Blueprint CSS framework</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/blue-print.jpg' alt="\"\"" border="0"><br></div> <p>Çıktı alabilmeniz için proje üzerinde tablolarını kullanarak sağlam bir temel sağlar.</p> <p><!-- buradan kes --></p> <p>3. <a href="http://www.typetester.org/">Typetester</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/typetester.jpg' alt="\"\"" border="0"><br></div> <p>Web tasarımcısının hayatını kolaylaştıran bu uygulama ekran için font karşılaştırması yapan çevirimiçi bir uygulamadır.</p> <p>4. <a href="http://riddle.pl/emcalc/">Em Calculator</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/em-calculator.jpg' alt="\"\"" border="0"><br></div> <p>Css tasarımı yaparken ölçeklenebilir ve erişebilir küçük bir javascript aracıdır.</p> <p>5. <a href="https://addons.mozilla.org/en-US/firefox/addon/60">Web Developer Toolbar</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/web-developer.jpg' alt="\"\"" border="0"><br></div> <p>Firefox için hazırlanan bu uygulama ile menü ve araç çubuğunuza web geliştirici araçları ekleyebilirsiniz.</p> <p>6. <a href="https://addons.mozilla.org/en-US/firefox/addon/539">MeasureIt</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/measurelt.jpg' alt="\"\"" border="0"><br></div> <p>Web sayfası üzerinde piksel genişlik ve yüksekliği hesaplamak için cetvel kullanarak çizim yapabilirsiniz.</p> <p>7. <a href="https://addons.mozilla.org/en-US/firefox/addon/271">ColorZilla</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/colorzilla.jpg' alt="\"\"" border="0"><br></div> <p>Yine firefox için diğer gelişmiş araçlar gibi renk seçimini iyi bir şekilde yapmanızı sağlıyor.</p> <p>8. <a href="http://getfirebug.com/">Firebug</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/fire-bug.jpg' alt="\"\"" border="0"><br></div> <p>Bu eklenti ile haya ayıklayabilir, düzenleyebilir ve css, html, javascript ekranları ile detaylı bir şekilde kod yapısını inceleyebilirsiniz.</p> <p>9. <a href="http://www.designerstoolbox.com/designresources/?PHPSESSID=23912cb4bfa11ff69efffe405e5e47ec">Designers Toolbox</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/designer-toolbox.jpg' alt="\"\"" border="0"><br></div> <p>Her çeşit baskı ve web döküman boyutları</p> <p>10. <a href="http://new.myfonts.com/WhatTheFont/">What the Font?</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/what-the-font.jpg' alt="\"\"" border="0"><br></div> <p>Bir resim göndererek veritabanında bulunan en yakın sonuçları size bildiren bir uygulamadır.</p> <p>11. <a href="http://www.formspring.com/">Formspring</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/form-spring.jpg' alt="\"\"" border="0"><br></div> <p>Bu uygulama kendi bünyesinde bulunan bilgiler ile bütünleşik olarak firma ve organizasyonlara online form hazırlama imkanı verir.</p> <p>12. <a href="http://browsershots.org/">Easy Web Form Builder</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/browser-shots.jpg' alt="\"\"" border="0"><br></div> <p>Sitenizi farklı tarayıcılarda test edebilirsiniz.</p> <p>13. <a href="http://www.iconfinder.net/">Icon Finder</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/icon-finder.jpg' alt="\"\"" border="0"><br></div> <p>Simge arama motoru</p> <p>14. <a href="http://www.buttonbrowser.com/main/index.php">Button Browser</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/buttonbrowser.jpg' alt="\"\"" border="0"><br></div> <p>Buton galerisi ve Buton hazırlayıcı</p> <p>15. <a href="http://www.roundedcornr.com/">Rounded Corner</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/rounded-corner.jpg' alt="\"\"" border="0"><br></div> <p>Köşeleri yuvarlatılmış kutular oluşturmanızı sağlar ve resim dosyaları ile beraber html-css kodunu sizlere sunar.</p> <p>16. <a href="http://tools.blogflux.com/buttonmaker/">BlogFlux Button Maker</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/button-maker.jpg' alt="\"\"" border="0"><br></div> <p>Buton oluşturabileceğiniz güzel bir uygulama.</p> <p>17. <a href="http://www.vecteezy.com/">Vecteezy</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/vecteezy.jpg' alt="\"\"" border="0"><br></div> <p>Ücretsiz vektör grafikleri edinebilirsiniz.</p> <p>18. <a href="http://lab.rails2u.com/bgmaker/">Background Image Maker</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/bg-maker.jpg' alt="\"\"" border="0"><br></div> <p>Arkaplan grafikleri oluşturabileceğiniz güzel bir uygulama.</p> <p>19. <a href="http://www.brusheezy.com/brushes">Photoshop Brushes</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/brusheezy.jpg' alt="\"\"" border="0"><br></div> <p>Bilgisayarınıza yükleyebileceğiniz photoshop fırça setlerine ulaşabilirsiniz.</p> <p>20. <a href="http://www.tartanmaker.com/">Tartan Maker</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/tartan-maker.jpg' alt="\"\"" border="0"><br></div> <p>Klas tasarımcılar için yeni moda uygulaması.</p> <p>21. <a href="http://www.colorschemer.com/">Color Schemer</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/color-schemer1.jpg' alt="\"\"" border="0"><br></div> <p>Renk yönetimi için kullanabileceğiniz en iyi araçlardan birisidir.</p> <p>22. <a href="http://www.webs.com/">Webs</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/webs.jpg' alt="\"\"" border="0"><br></div> <p>Web sitenizi ücretsiz oluşturabilirsiniz.</p> <p>23. <a href="http://www.sampa.com/">Sampa</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/sampa.jpg' alt="\"\"" border="0"><br></div> <p>Ücretsiz web sitesi oluşturabileceğiniz güzel bir uygulama.</p> <p>24. <a href="http://www.formatpixel.com/go/en/index.php">Format Pixel</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/format-pixel1.jpg' alt="\"\"" border="0"><br></div> <p>Çevirimiçi dergi, broşür, katalog ve portföy oluşturabileceğiniz faydalı bir site.</p> <p>25. <a href="http://www.weebox.fr/">Weebox</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/weebox.jpg' alt="\"\"" border="0"><br></div> <p>Flash tabanlı website oluşturmanızı sağlayan bir uygulamadır.</p> <ul> <li><strong>kaynak:</strong> <a href="http://devsnippets.com/design-elements/25-important-web-design-tools.html">devsnippets.com</a> | <a href="http://pelfusion.com/tools/25-important-web-design-tools/">pelfusion.com</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/ifyess">ifyess</a> tarafından <a href=" http://www.bildirgec.org/yazi/25-onemli-web-tasarim-araci ">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, 23 May 2009 07:02:00 GMT 210460@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/25-onemli-web-tasarim-araci ifyess <div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/legend-color.jpg' alt="Hand Picked Color Palette and Color Scheme Generators" border="0"><br>Hand Picked Color Palette and Color Scheme Generators</div> <p>Tasarımcıları zorlayan bir unsur olarak kabul edilen renk seçimi ve renk uyumunu, sundukları hazır renk şablonları ile sorun olmaktan çıkaran ve çevrimiçi destekle istenilen renkleri oluşturmayı sağlayan 15 site aşağıda listelenmiştir.</p> <p>1) <a href="http://www.colourlovers.com/copaso">ColourLovers</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/copaso-by-colourloverscom-1.jpg' alt="Color Scheme Generators" border="0"><br>Color Scheme Generators</div></p> <p>2) <a href="http://kuler.adobe.com/">Adobe Kuler</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/kuler-by-adobecom.jpg' alt="Color Scheme Generators" border="0"><br>Color Scheme Generators</div></p> <p><!-- buradan kes --></p> <p>3) <a href="http://aviary.com/tools/toucan">Aviary Toucan</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/toucan-by-aviarycom.jpg' alt="Color Scheme Generators" border="0"><br>Color Scheme Generators</div></p> <p>4) <a href="http://www.colorotate.org/">ColoRotate</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/colorotateorg1.jpg' alt="Color Scheme Generators" border="0"><br>Color Scheme Generators</div></p> <p>5) <a href="http://colorexplorer.com/">ColorExplorer</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/colorexplorercom.jpg' alt="Color Scheme Generators" border="0"><br>Color Scheme Generators</div></p> <p>6) <a href="http://www.colr.org/">Colr</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/colrorg.jpg' alt="Color Scheme Generators" border="0"><br>Color Scheme Generators</div></p> <p>7) <a href="http://www.colormunki.com/munsell">ColorMunki</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/colormunkicom.jpg' alt="Color Scheme Generators" border="0"><br>Color Scheme Generators</div></p> <p>8) <a href="http://www.genopal.com/">Genopal</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/genopalcom.jpg' alt="Color Scheme Generators" border="0"><br>Color Scheme Generators</div></p> <p>9) <a href="http://www.colorjack.com/">ColorJack</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/colorjackcom.jpg' alt="Color Scheme Generators" border="0"><br>Color Scheme Generators</div></p> <p>10) <a href="http://w3-palette.com/">W3-Palette</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/w3-palettecom.jpg' alt="Color Scheme Generators" border="0"><br>Color Scheme Generators</div></p> <p>11) <a href="http://colorschemedesigner.com/">ColorSchemeDesigner</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/colorschemedesignercom.jpg' alt="Color Scheme Generators" border="0"><br>Color Scheme Generators</div></p> <p>12) <a href="http://www.cssdrive.com/imagepalette/">CSSdrive</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/colorspalettegenerator-by-cssdrivecom.jpg' alt="Color Scheme Generators" border="0"><br>Color Scheme Generators</div></p> <p>13) <a href="http://www.colorhunter.com/">ColorHunter</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/colorhuntercom.jpg' alt="Color Scheme Generators" border="0"><br>Color Scheme Generators</div></p> <p>14) <a href="http://www.colorcombos.com/combotester.html">ColorCombos</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/combotester-by-colorcomboscom.jpg' alt="Color Scheme Generators" border="0"><br>Color Scheme Generators</div></p> <p>15) <a href="http://www.colorsontheweb.com/colorwizard.asp">ColorsOnTheWeb - Color Wizard</a> <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/colorwizard-by-colorsonthewebcom.jpg' alt="Color Scheme Generators" border="0"><br>Color Scheme Generators</div></p> <p><a href="http://singlefunction.com/15-hand-picked-color-palette-and-color-scheme-generators/">kaynak</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/ifyess">ifyess</a> tarafından <a href=" http://www.bildirgec.org/yazi/hazir-renk-paletleri-ve-cevrimici ">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, 22 May 2009 11:21:00 GMT 210458@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/hazir-renk-paletleri-ve-cevrimici