Bu makalede en popüler web tasarım araçlarına ulaşabilirsiniz.
5 – Fireworks
Adobe Fireworks, mac ve windows işletim sistemlerinde kullanılabilen ücretli bir grafik editörüdür.
özel araçları sayesinde HTML/CSS için kolaylık sağlamasıdır. Bir web sitesi yapabilmek için bütün imkanları sağlamaktadı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.
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.
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.
Şu zamanda bile halen insanlar IE6 kullanırken bu sorun tüm web tasarımcılara css kodlayıcılara çok büyük zaman kaybettiriyor.
Tabiki biz tasarımcıların bilgisayarlarında IE7 ve FF kurulu oluyor, bende üç gün önce ie7 ye geçmek zorunda kaldım gerçekten 3 gun zaman kaybettim özellikle “Div içerisinde transparan background” sorunu yüzünden…
Şimdi IE6 bilgisayarımızda yüklü olmasa bile işimize yarayacak bir program var adı IETester bu program sayesinde Internet Explorer ın tüm versiyonlarında CSS testi yapmanız mümkün…
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.
vectips, web site tasarımıyla ilgilenen ve özellikle web 2.0 uygulamalarını yaptığı sitelere katmak isteyenler için güncel bir destek sitesi,görülmeye değer…
