Her web tasarım  projesinde webmaster için yapılacak işlerin listesi uzar gider. İster elinizde  Adobe Photoshop ya da Fireworks gibi profesyonel araçlar olsun yapılacak işler zaman alır ve bazen yorucu olur. Webmaster’lar için her web tasarım projesinde kullanabilecekleri ve ücretsiz  online araçların listesi.

ColorCombos

Web tasarım için herşeyden öncesi renkler konusunda karar vermeniz gerekir. ColorCombos binlerce farklı renk kombinasyonundan seçim yapmanızı sağlıyor.

 ColorCombos web sitesi 

ColorExplorer

Bir diğer renk düzenleme sitesi de ColorExplorer. Resimlerden renk paleti oluşturma özelliği ise ilginç.

ColorExplorer Web Sitesi

LIpsum

Popüler olan ‘Lorem Lipsum’  kelimesini kim bilmez ki :) Bu metin gerçek bir metnin simulasyonu için dünya genelindeki tüm webmaster’lar tarafından kullanılır. LIpsum.com ihtiyacınız olan paragrafı hızlı ve basit biçimde oluşturmanızı sağlar.

What the font

Elinizdeki logo ile web sitesi tasarımı yapmak eğlencelidir. Eğer aynı fontu web sitesi tasarımında kullanmak isterseniz saatlerce font aramak zorunda kalabilirsiniz. What The Font, logo imaj dosyasını yükleyerek o logonun hangi font ile hazırlandığını bulmanızı sağlayan faydalı bir araç.

 What the font web sitesi

converticon

Her web sitesinin favori ikonu olması gerekir, çünkü Firefox gibi modern tarayıcılar bu ikonu adres satırının solunda göstermektedirler. Favori ikon png formatı dahil her formatta olabilir. Ancak Internet  Explorer için bu halen geçerli değil. Ancak ne mutlu ki ConvertIcon ücretsiz servisi ile .ico formatına dönüştürmeniz çok kolay.

ConvertIcon Web Sitesi

bgPatterns

Web tasarım trendlerinde yükselen arka zemin desenleri konusunda kolaylıkla arka zemin oluşturabileceğiniz ücretsiz bir web sitesi.

bgPatterns Web Sitesi

HtmlEncoder

Web sitenizde HTML kodu gösteriyor musunuz ? HTML kodunu web sitesinde gösterme sıkıcı bir işlem haline gelir. < sembolü yerine &lt; girmeniz gerekir. HtmlEncoder bu işlemi sizin için kolalca yapıveriyor. Tabii isterseniz tersini de gerçekleştirebiliyorsunuz.

HtmlEncoder Web Sitesi

Test Everything

Hazırladığınız web tasarımının standart kodlarla uyumluluğunu taramak istediğinizde ya da pagerank değerini öğrenmek istediğinizde buna benzer 100 farklı aracı bulunan Test Everything imdadınıza yetişiyor.

Test Everthing Web Sitesi

Sprite Generator

CSS sprite gerçekten de müthiş bir teknik, çünkü HTTP talebini azaltıyor. Ancak yeni başlayanlar webmaster’lar için işlemleri zor ve zaman alıyor.

Harika Sprite generator’a imajlarınızı zip dosya içerisinde gönderiyorsunuz ve Sprite Generator da size sprite olarak ayarlamaları ve css kodunu döndürüyor.

Sprite Generator Web Sitesi

Buttonator

Web sitesi tasarımı düğmelerle ile iyi görünür. Eğer havalı düğmeler oluşturmayı bilmiyorsanız ya da web tasarım konusuna yeni başladıysanız Buttonator sizin için harika bir araç olacak.

Buttonator Web  Sitesi

LoadImpact

Popüler web sitelerinin ana sayfalarının çöktüğünü görmüşsünüzdür.  Ücretsiz Load Impact servisi web sitenizin  ziyaretçi artışındaki testlerini yapıyor.

Load Impact Web Sitesi 

IconFinder

İyi görünümlü kaliteli ikonlar her web sitesi tasarımının ihtiyacı. Ücretsiz ikon servisi Iconfinder ile aradığınız kelimelerdeki ikonları kısa sürede bularak indirebiliyorsunuz.

IconFinder Web Sitesi

TypeTester

Font’ların web tasarımınızda nasıl görüneceğini belirlemek titiz bir işlemdir.Neyse ki TypeTester bu konuda size yardımcı oluyor. Kesinlikle zaman kazandıran bir araç.

TypeTester Web Sitesi

Css Tidy

Profesyonel webmaster’lar ve web programcıları CSS kodlarının optimizasyonuna ihtiyaç duyarlar. Css Tidy ücersiz online uygulaması, hataları bulan ve  optimize eden bir araç. Örneğin gereksiz tanımlamaları ya da genel css hatalarını otomatik bulabiliyor.

CSS Tidy Web Sitesi

Contact Forms Generators

Her web sitesinin en önemli parçalarından biri de formlardır, çünkü kullanıcıların ya da ziyaretçilerin sizinle etkileşimli iletişime geçmelerini sağlarlar.  Contact Form Generator’ü kullanarak zamandan tasarruf ederek formlarınızı PHP, ASP yada Perl scriptleri ile birlikte oluşturabilirsiniz.

Contact Form Web Sitesi