Web tasarım için 10 Online Araç

Hazırlayan:    |    Tarih: 19 Ocak 2011    |    Kategori: Yazılım    |    5 Yorum

Merhaba arkadaşlar, sizlere web tasarımda sıklıkla kullandığım ve artık olmazsa olmaz hale gelen, 10 online aracı tanıtmak istiyorum.

1- Google Analytics
Google Analtyics

Yine Google ve yine ücretsiz mükemmel bir uygulama. Şundan adım gibi eminim bu uygulama microsoftta olsaydı aylık 50$ ister, her ay service pack çıkarır, buna rağmende doğru düzgün çalışmazdı…
Google Analytics, web sitenizin trafiği ve pazarlama faaliyetlerinizin verimli olup olmadığını size tablolarla sunan, gerektiğinde bunları indirmenize izin veren, üst düzey bir web analizi çözümüdür. Güçlü, esnek ve kullanımı kolay özellikler trafik verilerinizi artık tamamen başka bir gözle görmenizi ve analiz etmenizi sağlamaktadır. Sadece bu kadar mı tabi ki değil Analytics anlatmakla bitecek tarz bir uygulama değil. Web sitenize giren ziyaretçilerin hangi işletim sistemini, hangi tarayıcıyı kullandıklarından tutunda, hangi ülkeden hangi sayfa daha fazla tıklanmış bilgisine kadar bir çok analizi sizi yormadan sorunsuz bir şekilde verir. Üstelik bunları anadilinizde görebilirsiniz.
Söyleyecek tek bir şey var iyiki varsın Google 🙂

2- Adobe Kuler
Adobe Kuler

Kuler, Adobe firmasının yapmış olduğu bir renk aracı, web sayfanız için farklı renk kombinasyonları üretmemizi sağlayan bir uygulamadır. Adobe Kuler sadece online değil birçok Adobe uygulamasında da mevcuttur. Renk uyumlarında sıkıntı çeken ve web tasarıma yeni başlayan tüm arkadaşlar için kullanışlı olduğu gibi uzman kullanıcılara da yeni bakış açıları kazandırmaktadır.

3- Firebug
Firebug

Firebug, firefox için hazırlanmış, daha sonrasında Chrome için de çıkmış olan ücretsiz, açık kaynak kodlu bir eklentidir. Online olarak çalışan uygulama tam bir hayat kurtarıcıdır. Çok kısa zamanda web tasarımcılarının olmazsa olmazı hale gelen Firebug HTML ve CSS dosyalarını düzenlemeyi, hatalarını bulmayı, kayıt işlemleri için konsol kullanmayı, javascript’leri analiz etmeyi, düzenlemeyi, DOM işlemleri yapmayı ve sonuçları anında ekranınızda görmenizi sağlar. Firebug ile 1px lik hataların bile yerini anında bulacaksınız.

4- Dropbox
Dropbox

Dosya transferi yapmak istiyorsunuz yada uzaktaki biri ile dosya paylaşımı yapacaksınız ve ftp kullanıcısı açacak zamanınız yok zaten karşıdaki kişide ftp kullanımı konusunda bilgili değil. Bu tip bir durumda ne yapabilirsiniz ? Dosya upload sitelerine başvurabilirsiniz ve eğer bir hesabınız yoksa uzun zaman beklersiniz yada Dropbox kullanırsınız internet hızınıza göre fazla beklemeden dosyalarınızı gönderirsiniz. Evet Dropboz tamda bu işe yarıyor dosyalarınızı paylaşmak ve yedeklemek. Anasayfasındaki video ile Dropbox marifetlerini daha iyi görebilirsiniz.

5- Typetester
Typetester

Site tasarımına başladınız fakat o da ne fontlar hakkında bir geçmişiniz yok hangi font nasıl durur hangisi hangisinden daha güzeldir ? bu içerik ile bu font iyi mi durdu yoksa diğerimi daha iyiydi ? bilemiyorsanız yardımınıza Typetester koşuyor. Hazırlanan panle üzerinde karşılaştırmalı olarak fontlar arasında ki farkları görebildiğiniz gibi boyutlarınıda değiştirebiliyor, bold veya italic hallerine bakabiliyorsunuz.

6- intoDNS
intoDNS

Siteyi hazırlamaya başladınız fakat o da ne? domain kullanılıyor. Acaba nerede host ediliyor? Nameserverlarının adı ne ? DNS bilgileri nelerdir? MX kayıtları nerede? gibi tüm soruların cevabını intoDNS ile bulabiliyorsunuz. DNS sunucu yapılandırmasındaki tüm hata ve problemleri de raporlayabiliyorsunuz. Pratik ve hızlı bir kullanım sağlayan araç şu an beta olarak çalışıyor.
Not: Bu alanda başarılı olan Dnsstuff aracına değinmedim çünkü kendisi artık tüm toollarını ücretli olarak sunuyor free kullanımlar ise kısıtlı.

7- PXtoEM
PXtoEM

Pixel’leri EM’lere, EMleri Pixel’e hızlı ve kolay biçimde dönüştürmeyi sağlayan bu araç, EM lere alışkın olan kişilerin hesap yapmasını ortadan kaldırdığı gibi, EM olarak verilmiş değerin Pixsel de ne olduğunu görmek isteyen kullanıcılar içinde bir başvuru kaynağı oluyor.

8- IconFinder
IconFinder

Icon Finder, birçok ikonu bünyesinde barındıran bir ikon arama motorudur. Aklınızdan geçen bazı çalışmalar var ve bunlar için ikon bulmalısınız işte bu tip durumlarda aradığınızı bulmanıza yardım eden naçizhane bir uygulama.

9- Lorem Ipsum
Lorem Ipsum

Site tasarımına başladınız fakat çok değerli müşteriniz size içerik vermedi, yada özgür tasarımlar yapmak istiyorsunuz bunun için size içerik gerekmekte. Web tasarımda en çok karşılaşılan bu durumda bize gereken mıngırsa diye tabir edilen bu metinleri, bu siteden temin edebiliyorsunuz. Adobe uygulamaları ile haşır neşir olanlar bilir bu metinler bir menu olarak programın içinde mevcuttur (Bknz. Fireworks)

10- Dynamic Drive
Dynamic Drive

Sitenizi yaptınız tamam ama sitenizi yerimlerine (bookmarks) kaydettikleri zaman sitenizin adının yanında bir ikon görünmeyecek mi ? Eğer sizde web sitelerinin adının hemen solundaki gibi bir ikon görmek istiyorsanız bu ikonu oluşturmak için bir araca ihtiyaç duyacaksınız. İşte DynamicDrive bu işi son derece hızlı ve kullanıcı dostu bir şekilde hallediyor. Oluşturduğunuz bu ico dosyasınıda ftp ile index.html, home.php yada default.aspx dosyasının olduğu yere atmanız yeterlidir. Artık sizinde logonuz/ikonunuz sitenizin hemen yanında görüntülenecektir.

11- DummyText
DummyText
DummyText mi gerekiyor? Buyrun size hazırlayalım diyen bir site. Deneyiniz, kullanınız.

Evet arkadaşlar bu araçlar web tasarıma yeni başlayandan, uzman web tasarımcıya kadar herkesin kullandığı, ücretsizve kaliteli uygulamalardır. Tabii ki sadece bunlar size yeterli olmayacaktır. Elimden geldiğince sizlerle bu tip yardımcı uygulamaları paylaşmaya devam edeceğim.

Çalışmalarınızda yardımı olması dileklerimle.

5 Yorum

  • Alper Konuralp dedi ki:

    Çok güzel bir çalışma olmuş. Gerekli araçları toplamışsın. Tebrik ederim.

    Firebug benim favori aracım. Dropbox desen üzerine tanımam.

    Bunların haricinde http://www.Logmein.com uzak bağlantı için tek geçeceğim bir sistem. Ve dökümanlar için ise docs.google.com ‘u öneririm.

  • Metin Yılmaz dedi ki:

    Teşekkür ederim hocam.
    Evet bahsettiklerini bende severek kullanıyorum. Onları ayrı bir yazıda tanıtacağım.

  • Barış Onay dedi ki:

    Bu araçlar için tasarımcının başucu kitabı desek yeridir..

  • Metin Yılmaz dedi ki:

    Evet çok yararlı araçlar her projede kullanıyorum, yapanlara ve ücretsiz sunanlarada her seferinde teşekkürlerimi sunuyorum.

  • Banu Sengul dedi ki:

    Şimdi, makalenize daha fazla araç eklemeniz gerekiyor. Piyasada onlarca yeni araç var. Arama sırasında sizinle paylaşmak için bir araç ve sevgim var https://dnschecker.org/
    Bu araç bir uçta DNS yayılımı, NS araması, MX araması, DNS sağlık kontrolü testi sağlarken, IP araması, IP kara listesi kontrolü, e-posta izleri ve çok daha fazlası gibi IP ile ilgili aracı sağlar. Web geliştiricileri için bu aracı listenize eklemelisiniz.

Cevap bırakın

Mail adresiniz yayınlanmayacak.

This site uses Akismet to reduce spam. Learn how your comment data is processed.