web tasarım araçları | bildirgec.org

Web tasarımı için popüler yazılımları satın almanız gerebilir. Ancak bu yazıda mac sisteminiz için ücretsiz ve açık kaynak web tasarım araçlarına ulaşabileceksiniz.

İmaj editörleri ve yardımcı uygulamalar

1 - artrage 2

artage 2 ücretsiz ve kolay kullanıma sahip bir yazılımdır. sanat çalışmalarının nasıl yapılacağına dair size bazı klavuzlar sunmaktadır.

2 - image tricks

Resim oluşturmak ve düzenlemek için ücretsiz bir uygulamadır.

Tasarım sırasında kullanabileceğiniz gerçeklerden işe yarar araçlardan daha kullanışlı hiçbir şey yoktur. İster bir diyagram oluşturma uygulaması olsun ya da vektör görselleri oluşturma yazılımı, CSS kodunuzu iyileştirme ya da biçimlendirme uygulaması veya motif oluşturma uygulaması, bu tip araçlar hayatınızı çok kolaylaştıracaktır. Biz de bunun üzerine bugünkü yazımızda web geliştiricilerinin ve tasarımcılarının hayatını kolaylaştıracak 40 web uygulamasını listeledik.

1. Are My Sites Up?

Are My Sites Up oldukça sade bir servis olup web sitenizin çalışır durumda olup olmadığını düzenli olarak kontrol eden ve bir sorun olduğunda sizi uyaran bir uygulama. Bu ücretsiz servis sayesinde 20 adede kadar web sitesini kontrol edebilir, sınırsız sayıda hatırlatıcıyı elektronik posta ya da kısa mesaj ile cep telefonunuza gönderebilirsiniz. Site kontrolleri günde 25 kez yapılıyor.

Apple tarafından geliştirilen ve popülerliği günden güne artan işletim sistemi Mac OS X, özellikle yaratıcı kesim tarafından yoğun bir şekilde kullanılıyor. Sorunsuz çalışan bir işletim sistemi olmasının yanısıra geliştiricilere yönelik hazırlanan yazılımların işlevselliği sayesinde Mac OS X, başta web geliştiricileri ve tasarımcıları olmak üzere her kesimden kullanıcıya hitab ediyor.

Bu yazıda, özellikle web tasarımcıları ve geliştiricileri için sunulan 30 kullanışlı Mac Uygulamasını bulacaksınız. Bu uygulamaları kullanarak web sitenizi ya da web uygulamanızı kısa süre içerisinde geliştirecek ve onların yönetimini daha kolay bir şekilde gerçekleştirebileceksiniz.

1. Transmit

iDisk, FTP, SFTP, TLS/SSL desteği, grafikler de dahil olmak üzere uzaktaki dosyaların bilgisayarınızdaki yazılımlar üzerinden düzenlenebilmesi, sık kullandığınız sunucular için sürükle bırak yöntemi ile dosya yüklemesi yapabileceğiniz "droplet" adı verilen programcıklar oluşturma desteği içeren bir FTP/SFTP/WebDAV istemcisidir.

2. TextMate

İster programcı olun ister tasarımcı, kod ve biçimlendirme yazılımı her zaman zor iştir. Ancak TextMate uygulamasının yardımı ile kodunuzun kontrolünü yeniden ele geçirebileceksiniz. TextMate, özellikle sürüm izleme için Subversion kullananlar için biçilmiş kaftan. TextMate verimlilik ipuçları sayesinde bu faydalı uygulamayı nasıl daha etkin bir şekilde kullanabileceğinizi öğrenebilirsiniz.

Bir web tasarımcısı olarak size yardımcı olabilecek pek çok açık kaynaklı yazılım bulunmaktadır. açık kaynaklı projeler sırf ücretsiz oldukları için mükemmel olmakla kalmaz, ayrıca onlara katkıda bulunan azimli geliştiriciler de ilgili yazılımları mükemmel kılarlar. Günümüzün zor ekonomik koşullarında harcamalarınızı mümkün olduğu kadar kısabilmek her zaman kullanışlıdır ve bu sebeple açık kaynaklı alternatifler de her zaman göz atılmaya değerdir.

Bu yazıda web tasarımcıları için 30 adet son derece kullanışlı uygulamayı bulacaksınız. Listede kaynak kodu düzenleyicilerinden WYSIWYG düzenleyicilerine, grafik tasarım yazılımlarından görev yönetim yazılımlarına kadar pek çok faydalı yazılımı bulacaksınız.

Kaynak Kodu ve WYSIWYG Düzenleyicileri

1. KompoZer

KompoZer tam özellikli bir web yayımlama uygulaması olup bütünleşik FTP istemcisi, sekmeli kullanıcı tasarımı ve tüm önemli işletim sistemleri için destek barındırmaktadır.

2. Bluefish Editor

Bluefish Editor, web tasarımcıları ve programcıları için geliştirilen hafif ve hızlı bir düzenleyicidir. Uygulamanın HTML belgeleri için sunduğu sihirbazlar, mükemmel proje yönetim özellikleri ve kaynak kodlarını yenileri ile değiştirmek için güçlü ara ve değiştir seçeneği gerçekten kullanışlı.

Wix ve Webnode gibi platformlar sağolsun web sitesi oluşturucuları gün geçtikçe daha popüler hale gelmeye başladılar.

Bu çevrimiçi website oluşturucuları sayesinde ücretsiz olarak ve herhangi bir web geliştirme bilgisine sahip olmadan bir web sitesi oluşturabiliyorsunuz.

Bu servislerin pek çoğu daha fazla özellik içeren ücretli çözümleri de sunuyorlar ve ücretlendirme genellikle cüz-i bir aylık abonelik şeklinde oluyor. Bu gibi servisleri kullanmanın en büyük avantajı son derece kısa süren geliştirme aşamasıdır, zira tüm işlemler doğrudan tarayıcınızın üzerinde sürükle-bırak destekli bir arabirim üzerinde yapılır.

Eğer bir web tasarımcısı ya da yaratıcı birisi değilseniz, ancak web sitesi oluşturmak için kolay ve ucuz bir çözüme ihtiyacınız var ise, o zaman bu ücretsiz programları bir deneyin.

1. Wix

Wix, sade olduğu kadar güçlü bir çevrimiçi platform üzerinden Flash tabanlı web siteleri, MySpace anahatları ve çok daha fazlasını yapabilmenizi sağlıyor. Tarayıcı tabanlı bir arabirim kullanarak sayısız şablonlardan birini seçebilir ya da boş bir alan üzerinde sıfırdan projenizi geliştirmeye başlayabilirsiniz. Wix, ihtiyacınız olandan fazla miktarda aracı sizlere sunuyor. Servisin sunduğu araçlar arasında animasyon efektlerinden fotoğraf albümlerine, Google haritalarından RSS beslemelerine kadar pek çok kullanışlı özellik yer alıyor. Dlerseniz sadece birkaç fare tıklaması ile Flickr ya da YouTube üzerindeki videoları web siteniz üzerine aktarmak mümkün.

Genişbant bağlantı üzerinde hızlı bir arabirime sahip olan sitenin tasarımı da güzel. Site bünyesindeki araçlara erişim kolay ve onları ihtiyacınız olmadığında gizlemeniz de mümkün. Yeni sayfalar oluşturmak ve eski sayfalarınızı düzenlemek de çok basit. Web siteniz hızlı ve kolay yayımlama için Wix'in sunucularında depolanıyor ancak aylık 4.95 $'dan başlayan ücretli paketlerden birini satın almadğınız sürece alan adınız üzerinde bir kontrolünüz olmuyor. Tüm bunlara rağmen Wix, özellikle Flash tabalı web siteleri oluşturmak isteyenler için en iyi seçim gibi görünüyor.

Kendi işinizin patronu olmak bazen zorlayıcı olabilir. Fakat ne şans ki bizim işimizi daha hızlı ve daha iyi yapabilmemizi sağlayacak çeşitli siteler ve araçlar geliştiren bir grup insan bulunuyor. Sıklıkla web tasarımcılığım ve geliştiriciliğim sırasında hangi araçları kullandığım sorulur bana, ben de bunun üzerine bu araçlara yönelik bir liste yapmaya karar verdim. Mac OS X işletim sistemi üzerinde çalıştığım için bu araçların pek çoğunun Mac için olduğunu hatırlatmak isterim. İşte başlıyoruz.

1. Event Box

Event Box'u sadece birkaç ay önce kullanmaya başladım ve bu servisin mükemmel olduğunu söylemek zorundayım. Hatta mükemmelden de öte. Tahmin edeceğiniz üzere zamanımın büyük bir kısmını çevrimiçi olarak geçiriyorum ve bir sürü RSS beslemesini takip ediyorum. İşte Event Box bu beslemelerin yanısıra Twitter, Facebook ve Flickr'ı da takip edebilmemi sağlıyor. Kesinlikle bu araç daha yaratıcı ve tasarım komünitesinin son zamanlarda nelerle ilgilendiğini takip edebilmem açısından mükemmel bir araç.

Bir web sitesinde çalışmaya başlamadan önce daima üzerinde çalışacağım bir renk şemasına sahip olmak isterim. Bu sadece estetik sebepler yüzünden değil, ayrıca tutarlılık ve websitesine alışılabilirlik gibi sebepler yüzünden önemlidir. Bazen müşterileriniz iki yta da üç renk şeması ile size geleceklerdir (diyelim iki ya da üç renk), ya da en azından web sitesinin üzerine inşa edileceği bir rengi size bildireceklerdir. Eğer emin değillerse o zaman bana sundukları grafik içeriğe (logo, resimler, simgeler vs.) bakar ve onlar ışığında kendi renk şemamı oluşturmaya çalışırım.

Internet üzerinde, tasarımlarınızın piksel mükemmeliğinde olmasına yardımcı olacak renk kaynakları bulunuyor.

İster aklınızda bir renk şeması olsun, ya da size ilham verecek ve rehber olacak kaynaklar arıyor olun, bu yazımda sizlerle bir dizi renk şeması oluşturmanıza yardımcı olacak kaynakları listelemeye çalıştım.

Color Blender
Renk kaydırma çubuğunu kullanarak ya da doğrudan renginizin RGB değerini girerek site size renk şemasını sunacaktır. Bu sitenin sunduğu bir güzel özellik, oluşturduğunuz renk şemasını photoshop ya da illustrator için indirebilmeniz, ya da kendinize elektronik posta olarak gönderebilmeniz.

Color Schemer Online V2
Şema doğrudan girilen RGB veyea HEX değerine göre oluşturuluyor. Sitenin ayrıca Windows ve Mac üzerinde çalışan yazılım sürümü de bulunuyor.

Color Scheme Genarator V2
Önerilen renk şeması görüntülendikten sonra tek bir değr girn. Şemalar Pastel, Karanlık/Aydınlık, Kontrast ve Solgun olabilir. Sitenin sunduğu bir diğer güzellik de (her ne kadar kaç kişinin işine yarayacağını tam olarak kestiremesem de) görüntülene renk şemasının çeşitli bakış açılarında nasıl görüntüleneceğini de size sunabilmesi (örneğin renk körleri için).

Her geçen gün kullanıcı sayısı katlanarak artan ve sayısız eklentisiyle kullanıcılarına büyük kolaylıklar sunan marifetli web tarayıcısı firefox’ı kuracağınız eklentilerle dilerseniz güçlü bir tasarım aracına çevirebilirsiniz.

FontFinder: Herhangi bir sitede kullanılan fontlar çok hoşunuza gitti ve ne kullanıldığını merak ediyorsunuz. Fareniz ile beğendiğiniz bölümü seçin ve sağ klik ile “fontfinder” sekmesine tıklayın.