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:
4096 Color Wheel: 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. Jemima Pereira tarafından hazırlanan bu renk küresi, üzerindeki renkleri web safe, web smart, ve web unsafe 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.
CSS Type Set: 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ş.
CSS Text Wrapper: 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.
CSS Menu Maker: 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.
DevSnippets: 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, Noupe ekibi ile aynı kişilerden oluşuyor.
Script and Style: Script and Style web sitesi, mükemmel bir web tasarımcısı / blogcusu olan ve bir dizi kullanışlı siteyi yöneten Chris Coyler‘in elinden çıkmış bir site olup, içeriÄŸi kodlar ve web tasarımı için hilelerden oluÅŸuyor.
Chris’in Script ve Style hakkında söylediÄŸi sözleri sizlerle paylaÅŸmak istiyorum:
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 & 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.
Evet, hepsi bu… Yazının sonunda, kolayca HTML tablolar oluÅŸturmanızı saÄŸlayan , Font Tester benzeri ancak daha iyi bir arayüze sahip olan Typechart ve piksel deÄŸerlerini em deÄŸerlerine dönüştürmenize olanak saÄŸlayan PXtoEM 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.
Web Tasarımcı Araçları İle İlgili Yazdığım Diğer Yazılar
