http://www.bildirgec.org/ tr-tr 40 bildirgec.org - byhnvc - beğendikleri byhnvc <p>Herhangi bir proje üzerinde ya da bir başka şey üzerinde çalıştığım çoğu zaman, web üzerinden kullandığım ve kullanışlı bulduğum pek çok araç bulunuyor. Bu araçlar hem tasarımcıların ve geliştiricilerin üzerinde çalıştıkları proje için harcadıkları zamanı kısaltmaya yarıyor, hem de bazı durumlarda tamamlaması sıradan araçlarla oldukça uzun sürecek pek çok işlemi bizler için kolaylaştırıyor. Sözü daha fazla uzatmadan gelin, web tasarımcılarının işlerini kolaylaştırmayı hedefleyen bu 6 önemli araca hep beraber bir göz atalım:</p> <p><strong><a href="http://www.ficml.org/jemimap/style/color/wheel.html">4096 Color Wheel</a>:</strong> Web üzerinde pek çok çeşit renk küresi (color wheel) bulunmaktadır. Ben bu renk küresinin kullanımını oldukça kolay buluyorum. <a href="http://www.ficml.org/jemimap/">Jemima Pereira</a> tarafından hazırlanan bu renk küresi, üzerindeki renkleri <i>web safe</i>, <i>web smart</i>, ve <i>web unsafe</i> olarak gösteriyor. Sırf bu özelliği ile bile bu ilgili araç renk seçimi sırasında web tasarımcıları için oldukça yararlı hale geliyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/13-01.png' alt="\"\"" border="0"><br></div> <p><!-- buradan kes --></p> <p><strong><a href="http://csstypeset.com/">CSS Type Set</a>:</strong> Her web tasarımcısı / geliştiricisinin işine yarayacak bu araç sayesinde bir yazıtipinin sayfa üzerinde nasıl görüneceğinden, hangi boyutu kullanmanın daha güzel görünmesine yol açacağına pek çok elementin etkisini doğrudan sayfa üzerinde görüntüleyebiliyorsunuz. Doğrudan sayfa üzerinde yazıtipi boyutu, rengi ve çok daha fazlasını değiştirmenin mümkün olmasının yanısıra, ilgili CSS kodunu da eş zamanlı olarak güncelleyip size göstererek, kodu doğrudan kopyalayıp projenize entegre etmeniz mümkün hale getirilmiş.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/13-02.png' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.csstextwrap.com/">CSS Text Wrapper</a>:</strong> CSS Text Wrapper sayesinde bir metni doğrudan saydam bir imaj üzerindeki objenin kendisinin köşelerine yaslanacak şekilde döşemeniz mümkün hale getiriliyor. Bu sayede yuvarlaklar, zig-zaglar ya da aklınıza gelebilecek herhangi bir şekle sahip imajı çevreleyen metinler oluşturmanız mümkün. Tek yapmanız gereken sol ve sağ sınırları farenizle işaretlemek ve ardından sitenin size sunacağı kodu sayfanıza yapıştırmak.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/13-03.png' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.cssmenumaker.com/index.php">CSS Menu Maker</a>:</strong> CSS menü oluşturucusu özellikle çabucak CSS menüler hazırlamaya ihtiyacı olan web geliştiricileri için tam bir biçilmiş kaftan niteliğinde. İlgili araç üzerinden menüyü özelleştirebilmeniz, yeni bağlantılar ekleyebilmeniz, tarayıcı uyumluluğunu görüntüleyebilmeniz mümkün hale getirilmiş. Ayrıca eğer sizin kendi tasarladığınız ve diğer kullanıcılarla paylaşmak istediğiniz menüler var ise, site üzerinden onları siteye gönderebilmeniz de mümkün.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/13-04.png' alt="\"\"" border="0"><br></div> <p><strong><a href="http://devsnippets.com/">DevSnippets</a>:</strong> DevSnippets, tabir-i caizse bir web tasarımcısının ve/veya programcısı için cennet niteliğinde bir web sitesi. İlham almak için bir avuç CSS, JavaScript, AJAX, PHP kodundan daha iyi ne olabilir? Bunun da ötesinde dilerseniz kendi kodlarınızı da siteye gönderebiliyorsunuz. Ben bu siteyi her gün ziyaret ediyorum. Siteyi hazırlayan ekip, <a href="http://www.noupe.com/">Noupe</a> ekibi ile aynı kişilerden oluşuyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/13-05.png' alt="\"\"" border="0"><br></div> <p><strong><a href="http://scriptandstyle.com/">Script and Style</a>:</strong> Script and Style web sitesi, mükemmel bir web tasarımcısı / blogcusu olan ve bir dizi kullanışlı siteyi yöneten <a href="http://chriscoyier.net/">Chris Coyler</a>'in elinden çıkmış bir site olup, içeriği kodlar ve web tasarımı için hilelerden oluşuyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/13-06.png' alt="\"\"" border="0"><br></div> <p>Chris'in Script ve Style hakkında söylediği sözleri sizlerle paylaşmak istiyorum:</p> <blockquote>Ben daima CSS Tricks web sitesine sosyal haber açısı ile yaklaşabilen bir site olmasını istedim ancak bu tip bir siteye Internet üzerinde raslayamadım. Bizim için doğru olan bu proje David Walsh ile partner olup ikimizin de ayrı birer site işletmesinin ardından gelişti. Script &amp; Style sitesini özetlemek gerekirse "Bir Tasarımcı ve Geliştirici Olarak İlerlemenizi Sağlayacak Bağlantılar" diyebiliriz. Site içeriğinin %90'ı komünitenin gönderdiği bağlantılardan oluşuyor.</blockquote> <p>Evet, hepsi bu... Yazının sonunda, kolayca HTML tablolar oluşturmanızı sağlayan <a href="http://www.askthecssguy.com/kotatsu/index.html">, Font Tester benzeri ancak daha iyi bir arayüze sahip olan <a href="http://www.typechart.com/">Typechart</a> ve piksel değerlerini em değerlerine dönüştürmenize olanak sağlayan <a href="http://pxtoem.com/">PXtoEM</a> web sitelerini de sürpriz kaynaklar olarak ekledikten sonra, tüm bu sitelerin işinize yarayacağını umuyor ve yazıyı buraya kadar okuma nezaketini gösterdiğiniz için teşekkür ediyorum.</p> <ul> <li><strong>Kaynak:</strong> <a href="http://desizntech.info/2009/01/7-useful-tools-for-web-desingers-on-the-web">DesiznTech</a></li> </ul> <strong>Web Tasarımcı Araçları İle İlgili Yazdığım Diğer Yazılar</strong> <ul> <li><a href="http://www.bildirgec.org/yazi/site-trafigini-populerligini-ve-istatistiklerini">Site Trafiğini, Popülerliğini ve İstatistiklerini İzleyebilmenin 10 Yolu</a></li> <li><a href="http://www.bildirgec.org/yazi/icinizdeki-tasarimci-icin-kullanmaniz-gereken">İçinizdeki Tasarımcı İçin Kullanmanız Gereken 17 Ücretsiz Yazı tipi</a></li> <li><a href="http://www.bildirgec.org/yazi/web-uygulamalari-icin-en-iyi">Web Uygulamaları İçin En İyi 21 Simge Seti</a></li> <li><a href="http://www.bildirgec.org/yazi/yetenekli-ve-ucretsiz-10-web">Yetenekli Ve Ücretsiz 10 Web Analiz Aracı</a></li> <li><a href="http://www.bildirgec.org/yazi/feed-chronicle-ile-kendi-internet">Feed Chronicle ile Kendi Internet Gazetenizi Oluşturun</a></li> <li><a href="http://www.bildirgec.org/yazi/tasarimcilar-icin-renk-planlama-color">Tasarımcılar İçin Renk Planlama (Color Scheming)</a></li> <li><a href="http://www.bildirgec.org/yazi/pixelleri-emlere-kolayca-donusturun">Pixelleri EMlere Kolayca Dönüştürün</a></li> <li><a href="http://www.bildirgec.org/yazi/hicbir-zaman-olmeyecek-28-photoshop">Hiçbir Zaman Ölmeyecek 28 Photoshop Dersi</a></li> <li><a href="http://www.bildirgec.org/yazi/seo-araclari-listesi">SEO Araçları Listesi</a></li> <li><a href="http://www.bildirgec.org/yazi/tasarimcilar-ve-gelistiriciler-icin-30">Tasarımcılar ve Geliştiriciler İçin 30+ Adobe AIR Uygulaması</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/byhnvc">byhnvc</a> tarafından <a href=" http://www.bildirgec.org/yazi/web-tasarimcilari-icin-web-uzerindeki ">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, 22 Jan 2009 19:33:00 GMT 193587@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/web-tasarimcilari-icin-web-uzerindeki