bildirgec.org

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

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

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ı.

Bazen web sitenizde yer alan bazı metin bloklarının yazıtipi boyutunu, dahili oldukları kapsayıcılara tam olarak sığabilmesi için değiştirmek isteyebilirsiniz. Ancak bu metin blokları sürekli olarak güncelleniyorsa ya da her bir metin bloğu için ayrı ayrı stil tanımlamak istemiyorsanız, o zaman metin boyutunu kullanılan kelime sayısına göre otomatik olarak tanımlamak isteyebilirsiniz.

Bunu gerçekleştirmek JavaScript kütüphaneleri kullanarak mümkün.

Plan

• Hedeflediğiniz paragrafı belirleyin.
• Paragrafı kelime dizilerine bölümleyin ve her bir boşlukta kelime sayısını bir arttırın.
• Dizinin uzunluğunu hesaplayın.
• Yazıtipi boyutunu uzunluğa göre belirleyin.

Bunu mooTools İle Yapmak İçin

Web üzerinde stok fotoğraflar, dokular ve motifler, fırçalar, simgeler ve yazıtipleri gibi tasarımcıların dahili oldukları komüniteler ile paylaştıkları kullanışlı ve yaratıcı çeşitli grafik tasarım kaynaklarına ulaşmak mümkündür.

Bu makalede grafik tasarım kaynaklarına yönelik en iyi içeriklerin bir derlemesini bulacaksınız.

Stok Fotoğraflar

1. Flickr: Creative Commons

Flickr: Creative Commons

Çevrimiçi fotoğraf paylaşımının yanısıra tasarımcılar ve fotoğrafçılar ile takılmak için kullanabileceğiniz en ünlü sitelerden biri Flickr’dır. Yahoo! tarafından işletilen Flickr sitesi bünyesinde yer alan Flickr: Creative Commons adlı sayfa, Creative Commons lisansı‘na sahip içeriğe doğrudan ulaşabilmenizi sağlar.

2. morguefile

morguefile

morguefile pek çok sanatçının katılımıyla oluşturulmuş kullanıcılar tarafından hazırlanan stok fotoğraflarını içeriyor. Site bünyesinde yer alan gelişmiş organizasyon şeması ve küçük resim önizlemesi, hızlı aramalar yapmanıza yardımcı oluyor. Ayrıca çeşitli kılavuzlara ve sitenin üyesi diğer sanatçılara ulaşmak için de sitenin forumlarına bir göz atmayı ihmal etmeyin.

Bugünkü yazımızda günlük işlerinizi kolaylaştıracak ve tümüyle açık kaynaklı olan uygulamaları listeleyeceğiz. Bunların pek çoğu alanlarında lider konumunda olan uygulamalar olup kategorilerine öncülük etmektedirler. Her ne kadar günümüzde çok sayıda başarılı ve açık kaynaklı yazılım bulunmasına rağmen bu yazımızda bunların sadece bir kısmına yer vereceğiz. Listedeki uygulamalardan birkaçı oldukça popüler ve muhtemelen birçoğunuz bu uygulamaları kullanmışsınızdır. Eğer kullanmayanlarınız var ise deneyin ve uygulama ile ilgili görüşlerinizi bizlerle paylaşın.

Eğer sizin de bildiğiniz ve beğenerek kullandığınız açık kaynaklı uygulamalar var ise yorumlarınızda belirtmeyi ihmal etmeyin.

1. WordPress – Blog Aracı ve Weblog Platformu

WordPress

WordPress günümüzün en başarılı ve popüler bloglama platformu olup estetiğe, web standartlarına ve kullanılırlığa odaklanmıştır. WordPress hem ücretsiz hem de paha biçilmez bir uygulamadır.

2. ModSecurity – Açık Kaynaklı Web Uygulama Firewall’u

ModSecurity

ModSecurity web uygulamaları için geliştirilmiş, açık kaynaklı bir güvenlik duvarı olup hem uygulamalara gömülebilir hem de proxy üzerinden kullanılabilir. Web uygulamalarına yapılabilecek pek çok saldırılara karşı uygulamanızı koruyabilecek ve bunun yanısıra HTTP trafiğini izlemenize, kaydetmenize ve gerçek zamanlı analiz yapabilmenize yardımcı olabilecek bir uygulamadır. Uygulama aynı zamanda açık kaynaklı olarak yayımlanmakta olup web uygulaması firewall teknolojisini herkes tarafından erişilebilir kılmayı amaçlar.

Geçtiğimiz günlerde yayımladığım kullanmaktan zevk alacağınız 17 web uygulaması‘nın ardından bugünkü yazımızda yine farklı kategorilerde günlük hayatınızı kolaylaştıracak 17 adet web uygulamasını daha yayımlıyorum. Tıpkı diğer uygulamalarda olduğu gibi ister tasarımcı olun ister geliştirici, ister ofis çalışanı olun ya da yönetici; bu uygulamalar sayesinde günlük yaşamınızda sık yaptığınız görevleri daha verimli bir şekilde yerine getirebilecek ve kazandığınız zamanı diğer projelerinizde kullanabileceksiniz. Uygulamaları inceleyin ve onlarla ilgili düşüncelerinizi yorumlarınızla paylaşın.

1. DimDim

DimDim

DimDim ücretsiz bir web konferans servisi olup masaüstünüzü paylaşmak, slaytlar göstermek, diğer kullanıcılarla birlikte çalışmak, sohbet etmek, ya da web kameranız aracılığı ile diğerlerini görebilmeniz için kullanılabilir. İşin güzel yanı, tüm bunlar için sisteminize herhangi bir yazılım yüklemenizin gerekmiyor oluşu.

2. Soshiku

Soshiku

Soshiku uygulaması sayesinde öğrencilik hayatınızda katıldığınız sınavları ya da etkinlikleri yönetebilirsiniz. Soshiku, sınav tarihlerinizi kaydedebilir ve yaklaştıklarında sizi kısa mesaj ya da elektronik posta yolu ile bilgilendirebilir.

Bugün, günlük yaşantınızda kullanmaktan büyük ihtimalle zevk alacağınız 17 Web uygulamasını listeleyeceğiz. İster bir tasarımcı, geliştirici, ofis çalışanı, yönetici, asistan, öğrenci ya da ev kullanıcısı olun, bu uygulamalar pek çoğunuz için size yardımcı olacaktır. Uygulamalarımızı seçerken herkes için ilgi çekici bir özelliği olmasına da dikkat etmeye çalıştık. Bunların pek çoğu henüz pek çoğunuz tarafından bilinmese de özellikle özellikleri açısından oldukça başarılıdırlar. Siz de uygulamalara bir göz atın ve düşüncelerinizi yorumlarınızla paylaşın.

1. TweetLater

TweetLater

TweetLater sayesinde tüm Twitter hesaplarınız için gelecekte göndereceğiniz Tweetleri önceden hazırlayabilirsiniz. Twitter akışınızı düzenli olarak etkin tutmak için bu uygulamayı kullanın ve bilgisayarınız başında olmadığınızda bile Tweetlemeye devam edin. Ya da sadece kişisel hatırlatıcınız olarak kullanın.

2. Screencast-O-Matic

Screencast-O-Matic

Screencast-O-Matic ücretsiz bir uygulama olup ekranınız üzerindeki görüntülerin yer aldığı video kayıtları yapabilmenizi sağlar. Sisteminize herhangi bir yazılım yüklemenize gerek kalmadan doğrudan tarayıcınız üzerinden kayıt işlemini gerçekleştirebilir, ardından Screencast-O-Matic sunucuları üzerinde ücretsiz bir şekilde barındırabilirsiniz.

Bir süre önce, modern web uygulamalarındaki trendlere yönelik yazı dizisinin ilk bölümü olan 10 Kullanışlı Web Uygulama Arayüzü Tekniği yazısını yayımlamıştım. Diğer şeylerin yanısıra bu yazıda gömülü video blogları, özelleştirilmiş kontrol ve içeriğe göre değişen gezinti elementlerine dair bazı ipuçlarına yer vermiştim. Yazıda ayrıcı basılı düğmelerin durumu, modal pencerelerin çevresinde gölge kullanmak ve giriş sayfası üzerinden kayıt sayfasına bağlantı verilmesi gerekliliğinden de bahsetmiştik.

Bu yazı ise incelemenin ikinci bölümünü oluşturmaktadır: Web Uygulamalarında İyi Kullanıcı Arayüz Tasarımı İçin 12 Kullanışlı Teknik. Yazımızda ayrıca bu tekniklerin doğru bir şekilde kullanılması için uygulamalara nasıl entegre edilmesi gerektiğini de bulacaksınız. Eğer sizin de bu konuda paylaşmak istediğiniz görüşleriniz ve önerileriniz varsa yorumlarınızda belirtmekten çekinmeyin.

1. Önemli Değişiklikleri Belirtin

İyi kullanıcı arayüzü tasarımı için en önemli elementlerden birisi de sistem durumunun görünürlüğüdür. Kullanıcılar sitenin görünmeyen kısmında olan şeylerden ve eylemlerinin oluşturacağı sonuçlardan derhal haberdar olabilmelidirler. Daha sofistike bir sistem görünürlüğünü uygulamalarda kullanabilmek için web siteleri günümüzde, elbette, AJAX kullanmaktadırlar. Bildiğiniz üzere AJAX sayesinde kullanıcılar, web sayfalarının tamamını yeniden yüklemek zorunda kalmadan sadece belirli bölümlerinde değişiklikler yapabilmektedirler. AJAX, web uygulamalarının etkileşimliliğini ve yanıt verme yeteneklerini masaüstü uygulamaları ile neredeyse aynı seviyeye getirebilmektedir.

Yammer, besleme üzerindeki yüm mesajlara bir değil üç adet efekt uygulamaktadır: Yavaşça belirme, aşağı kayma ve öne çıkarma.

Bu dinamik oluşumun anlamı, bir düğmeye tıkladığınızda sayfa yeniden yüklenmemesi ancak sayfada bir şeyin olmasıdır. Pek çok web sitesi halen AJAX’ı etkin bir şekilde kullanmamaktadır, bu sayede bazı kullanıcılar halen bir düğmeye tıkladıktan sonra bir şeyin olup olmayacağını ya da düğmelerin doğru şekilde tıklanıp tıklanmadığını bilememektedirler. Bu sorunun önüne geçebilmek için kullanıcı etkileşimlerinin her birine görsel geribildirim uygulamalısınız.

Aslında ilk olarak bir web tasarım projesi için kendime sade bir görsel galerisi çözümü arıyordum ancak araştırmamı ilerlettikçe İnternet üzerindeki tüm başarılı görsel galerilerinin yer aldığı bir makale yazmanın ne kadar kullanışlı olabileceğinin farkına vardım ve sonuçta da bu yazıyı yazdım. Listeyi AJAX, JavaScript ve Lightbox tabanlı galeriler, CSS tabanlı galeriler ve Flash tabanlı galeriler olmak üzere 3 ana kategoriye ayırdım bu sayede doğrudan ilgilendiğiniz kategorideki örnekleri inceleyebileceksiniz. Eminim listede bu alanda herhangi bir gereksinimi olan herkesin işine yarayacak bir çözüm mutlaka vardır.

AJAX, JavaScript (jQuery, mooTools), Lightbox Tabanlı Galeriler

1. Jon Design’s SmoothGallery
mooTools 1.11 kütüphanesini kullanan bu JavaScript galerisi ve slayt gösterisi sistemi, geçiş efekti içeren yumuşak görünümlü görsel galerileri, slayt gösterileri, vitrinler ve diğer güzel görünümlü içerikleri web siteniz üzerinde kullanabilmenizi sağlıyor. Site üzeride aynı kodu kullanan 7 farklı galeri örneği bulacaksınız. Dilediğiniz örneği indirebilir ve bilgisayarınız üzerinde test edebilirsiniz.

Diğer sistemlerin aksine JonDesign’ın SmoothGallery betiği en başından itibaren web standartları ile uyumlu olacak şekilde kodlanmış durumda. Galeriyi dilediğiniz belge üzerinden besleyebilir, özel CSS seçicilerini kullanabilirsiniz. Daha da iyisi bu gelişmiş betiğin kullandığı kod sadece 24KB.

SmoothGallery

Bir sonraki web siteniz ya da zengin İnternet uygulamanız için bir Web Kullanıcı Arabirimi Kütüphanesi mi arıyorsunuz? O zaman yazının devamında bulacağınız 10 Adet Güzel Web Kullanıcı Arabirimi Kütüphanesi hem geliştirme süresini kısaltarak çalışmanızı basitleştirmeyi hem de daha kullanışlı ve güzel kullanıcı arabirimlerine sahip olmanızı sağlayacak.

1. IT Mill Toolkit

IT Mill Toolkit açık kaynaklı bir çatı olup özellikle zengin İnternet uygulamaları geliştirmek için gereken widgetler ve araçlar için bir altyapı sunuyor. Standart Java araçlarını kullanarak tarayıcı uyumsuzluklarını, DOM’u ve JavaScript kütüphanelerini dert etmeden web uygulamaları geliştirebilirsiniz.

Dosyalarınızı, RSS beslemelerinizi, adreslerinizi, fotoğraflarınızı, videolarınızı, adres defterinizi ve notlarınızı depolamak ve paylaşmak için kaç adet farklı web sitesi kullanıyorsunuz? Bu görevleri yerine getirebilmek için en azından bir adet çevrimiçi dosya paylaşım sitesine, besleme okuyucusuna ve web not yöneticisine ihtiyacınız olacaktır. Her şeyi İnternet üzerinden yönetmek gün geçtikçe karmaşık hale geliyor, öyle değil mi?

Hordit adındaki çevrimiçi depolama sitesinin amacı İnternet üzerindeki hayatınızı kolaylaştırmayı hedefleyen diğer bir servis. Site tüm bu farklı görevleri tek bir çatı altında ve ücretsiz olarak yönetebilmenizi amaçlıyor. İster kısa notlar olsun, isterseniz büyük boyutlu dosyalar, beslemeler ya da videolar, Hordit tüm bunlar için size bir çözüm sunuyor.

Hordit Ekran Görüntüsü