Aylık arşivler: Ekim 2007

Dreamhost 10.yıl ve Harika Kampanyası

Published / by Uğur Özşahin / Leave a Comment

    Geçtiğimiz günlerde ihtiyaç duyduğum PHP hosting için dreamhost.com u ziyaret etmek istedim ve ana sayfalarında 10. yılları olduğuna ve yeni bir kampanya düzenlediklerine dair bir duyuru ile karşılaştım. İhtiyacım olduğu sırada benim için çok güzel bir fırsat oldu. Kampanya kapsamında 110$ dolarlık bir indirim söz konusu. Bu indirimden her paket için yararlanabiliyorsunuz. Durum böyle olunca banada bir hosting paketi almak farz oldu. İndirimden yararlanabilmek için yapmanız gereken sadece dreamhost.com un kendi oluşturmuş olduğu promosyon kodunu üyelik sırasında belirtilen alana girmeniz. Bu kodu girmediğiniz taktirde indirimden maalesef yararlanamıyorsunuz. Aşağıda özelliklerini belirttiğim paket için 1 yıllık sadece 10$ ödediğimi belirtmek isterim.

    Gelelim aldığım paketin özelliklerine,

  • Kayıt sırasında 1 adet ücretsiz domain kayıt,
  • 500GB disk kapasitesi,
  • Haftalık 2GB ek disk kapasitesi arttırımı,
  • 5TB Aylık band genişliği,
  • Haftalık 40GB band genişliği arttırımı,
  • Sınırsız MySQL veritabanı desteği,
  • Sınırsız E-Mail, Shell ve FTP hesabı,
  • Sınırsız Domain barındırma imkanı,
  • PHP, Ruby on Rails ve daha bir çok programlama desteği,
  • Tek tıklamada populer scriptlerin kurulumu,
  • 24 saat e-mail ile online destek,
  • 97 gün para iade garantisi,
  • ve daha bir dolu özelliği burada

    Ben ödeme sırasında Google Checkout ’tan yararlandım. Hatta daha önce bu servisi kullanmama rağmen hemen yeni bir google checkout hesabı oluşturdum. Kredi kartı bilgilerinizi paylaşmak konusunda sıkıntılarınız var ise bu sistemden yararlanmak zorunda değilsiniz. Dreamhost için başka ödeme alternatifleri de söz konusu. Kısacası 1 adet domain kayıt parasına, hem bir domain sahibi, hemde yurtiçinde bu fiyata bulamayacağınız özelliklere sahip bir hosting paketine sahip oluyorsunuz. Kontrol paneli, dreamhost ’un kendi geliştirmiş olduğu bir panel olduğundan alışmakta zorluk çekebilirsiniz. Bende ASP hostumda Plesk Panel ile çalışıyorum. Doğal olarak aralarında çok büyük fark var. Fakat zamanla alışacağımdan eminim. İlk izlenimlerim panelin kullanışlı olduğu yönünde oldu. Veritabanı yönetim sistemleri oldukça iyi. Ayrıca sitelerinizin istatistik bilgilerine ulaşmak çok kolay.

    Benim ilk olarak panelde en çok sevdiğim nokta, tek tıklama ile script kurulumu oldu. Hemen kendi adım soyadım olarak almış olduğum domain için bir wordpress blog kurdum. Buradan hem kişisel bloguma, hemde tek tıklama ile wordpress kurulumu konusunda kısa bir anlatıma ulaşabilirsiniz.

    Eğer 10$ gibi bir ücrete karşılık güzel bir hosting paketi sahibi olmak istiyorsanız dreamhost.com u deneyebilirsiniz. Ben sadece 1-2 gündür kullanıyorum. Bakalım gelecek bize bu konuda neler gösterecek. İlerleyen zamanlarda host hakkındaki kişisel düşüncelerimi burada ve şurada paylaşabilirim.

ASP ile Renk Geçişli Etiket Bulutu Yapmak

Published / by Uğur Özşahin / Leave a Comment

    Asp ile renk geçişli bir etiket bulutu yapımından bahsetmek istiyorum. Etiket bulutu, Web 2.0 ile gelen ve sitelerdeki klasik kategori mantığının çok önünde işlevsel bir araç. Özellikle daha çok bloglarda baş gösteren bu olgu, artık her türlü site yapısı içerisinde kendisine yer bulabilmekte. Etiket bulutlarının işlevselliğinin farkına varan birçok webmaster yayınlamakta olduğu sitelerine bu yapıyı entegre etmek konusunda fazlası ile duyarlı. Çünkü bu sistem ziyaretçilere hem arama motorları ile ulaşımda, hemde site içerisinde dolaşım konusunda büyük kolaylıklar getirmekte. Bizde kendi çapımızda bir etiket bulutu sisteminin nasıl oluşturulabileceğini irdeleyeceğiz. Ayrıca biraz görsellik katmak adına da, sistemimize renk geçişi ve ölçü değişimi uygulayacağız.

   Öncelikle ihtiyacımız olan style kodlarımızı sitemize entegre ediyoruz.


    Style kodlarımızı sitemize entegre ettikten sonra, etiket sistemimizi oluşturan kodları yazıyoruz.

    Yukarıdaki kodu ASP ile hazırlamış olduğumuz sitemize yerleştirdirdiğimizde artık bizde popülerliğe göre belirlenen renk geçişi ve font boyutunun otomatik olarak değiştiği bir etiket sistemine sahip oluyoruz. Ancak bu durum veritabanı hazır olan ve içerisine bir kaç adet etiket girişi yapmış olan arkadaşlar için geçerli.

    ASP ile çalıştığınızı varsayarak kısaca veritabanını nasıl konfigüre edebileceğiniz hakkında örneğimizi baz alarak bilgi vermeye çalışacağım. Etiket bulutu sistemimizde yer aldığı üzere etiketlerimizi çekmiş olduğumuz tablonun adı "tbl_etiket" ve bu tablonun 3 adet kendine özgü alanı bulunmakta. Bu alanlardan ilki etiketlerimizi kimliklendirebilmemizi sağlayan "id" alanı. Bu alanın özelliği otomatik sayı ve birincil anahtar olmalı. Bu sayede etiket sistemimiz içerisinde yer alan linklerde bu alandan yararlanacağız. Yani etiket ile ilgili olan içeriği veritabanımızdan çekerken bu id alanını kullanarak sorgu oluşturacağız. "etiket" alanımız içeriğimiz ile ilişkilendirmek istediğimiz etiketimizin kendisini barındıracak olan tablo alanı. Bu alanın özelliği metin olmalı ve 50 karakter gibi bir uzunluk değeri bu alan için büyük ölçüde yeterli olacaktır. Üçüncü alanımız "pop" alanı bu alanda sorguda etiketlerimiz için bir sıralama kriterini meydana getirecek. Etiketimiz her çağırıldığında "pop" değerini 1 arttırarak, etiketin popülerliğini belirlemiş olacağız. Bu alanın özelliğininde sayı ve tür olarakta long integer olması yeterli olacaktır. Veritabanımızda bu tabloyu oluşturduktan sonra geriye tabloya birkaç adet etiket eklemekten başka bir şey kalmıyor. Tabi bu işi içerik eklerken nasıl yapabileceğiniz konusu da biraz farklı, yani şöyleki içeriğiniz ile etiketlerimizin "id" lerini ilişkilendirmek zorundayız. Ziyaretçilerimiz bu sayede etiket ile ilişkili içeriğe ulaşabileceklerdir. Ayrıca yeni etiketlerin online olarak veritabanımıza eklenebilmesi için küçük bir içerik yönetim sistemi geliştirmeliyiz. Ancak bunları yapabilmek için biraz daha ayrıntılı bir yazıya ihtiyaç var.

    Eğer renk geçişli bir etiket sistemi yazmak istiyor ve veritabanı işlemleri için yeterli bilgiye sahipseniz yukarıdaki 2 kod bloğu size yetecektir. Dilediğiniz gibi kodları editleyebilirsiniz. Bilgilerinin eksik olduğunu düşünen arkadaşlar için veritabanı işlemleri konusunda kendilerini geliştirmelerini öneriyorum. Veritabanı ile kayıt ve sorgu işlemlerini yapabildiklerinde yukarıdaki kodlarda pek bir şey olmadığını onlarda anlayacaklardır.

    Unutmadan şunuda belirteyim, yukarıdaki kodda yer alan font ölçüsünü ve renk parametrelerini kendi sitenize göre düzenlemeniz gerekmektedir. Yoksa bu hali ile etiket sistemi sağ sütunda yer alan etiket bulutsusu ile aynı olacaktır. Kendi sitenize göre düzenlemenizin, sitenizin görünümü açısından önemli olacağını düşünüyorum. Renk kodları (R,G,B) formatındadır. Bu konuda bazı grafik editörlerinden yardım alabilirsiniz.

    Etiket bulutu yapmanın çokta zor olmadığı aşikar. Umarım yukarıdaki kodlar işinize yarar.

Sandık Kurulu Seçmen Üye Olmak :(

Published / by Uğur Özşahin / Leave a Comment

    Maalesef referandumun olduğu 21 Ekim Pazar Günü’nü benden daha ölü geçirebileniniz sanıyorum ancak yine benim gibi sandık başında istemediği bir göreve getirilmiş arkadaşlardır. Görevin verildiği günden itibaren hakkında hiçbir bilgi sahibi olmadığım ve internette araştırmama rağmen pek birşeye rastlamadığım için sandık görevlisi olmanın nasıl bir şey olduğuna dair herhangi bir fikir yürütemiyordum. Yani 21 Ekim 2007 benim için saat 07:00 itibarı ile belirsizlikle başlamış 17:40 gibide tatminsizlik ile sonuçlanmıştır.

    Hayatımın 10 saat 40 dakikasını bir sandık başında geçirmek benim gibi bir teknoloji budalası için taş devrine geri dönüşten başka bir şey olmadı. Görev için gelen bildiride saat 07:00 de sandığın bulunduğu alanda hazır olmamız gerektiği yazıyordu. Fakat tabi bunun için de insanlar yeterince esnek davrandılar. Ben ise ilk kez böyle bir vaka ile karşılacağım için saat 07:00 de çoktan hazırdım bile. Gitmemeyi defalarca düşündüm. Ama diyorum ya belirsizlik benim için tercih sebebi olmuştu. Yaklaşık 15-20 dakika sonra sandık başkanımız mekana teşrif ettiler. Karşı sandığın başkanının bizim başkandan çok daha geç gelmesi ise ayrı bir gereksizlik. Neyse daha sonra sandığımızın bir başka görevlisi, komşu olduğumuzu yeni öğrendiğim bir arkadaş daha ekibe katıldı. Arkasından bir memur görevli de eklendikten sonra sonunda sandık oy atılabilmesi için hazırlandı. Sandık başkanı bir sürü evrak doldurdu, tutanak hazırladı hemen hepsine bizimde imzamızı aldıktan sonra onları günün sonunda kullanılmak üzere bir kenara kaldırdı. Aynı zaman dilimi içerisinde tutanaklarda yer almaları gerektiğinden oy pusulaları ve zarflar sayıldı. Ve ilk seçmenler oylarını kullandı. Tabiiki ilk grubun tamamı yaşlı kesimden oluşuyordu.

   Diğer sandık görevlisi olan komşumun benim yaşlarımda olması iyi birşey olsada orada bulunmamız gereken neden ve ortamda bulunan diğer görevli arkadaşlar nedeni ile eğlenceli olabileceğini düşündüğünüz ortam maalesef gerçekleşmiyor. Aslında günün ilk birkaç saatinin karşı sandıkta görevli arkadaşlar sayesinde eğlenceli geçtiği bile söylenebilir. Kesinlikle o birkaç saat olmasaydı, 17:40 a kadar dayanabileceğimi hiç sanmıyorum. Günün geri kalanında da karşı sandık performansını sürdürsede zamanla işler klişeleşmeye ve tabii ki can sıkıcı bir hal almaya başladı. Sonuç itibarı ile yapabileceğiniz çok fazla birşey olmadığı ve o ilkel şartlara katlanmak zorunda olduğunuz ve kalan saatleri saymaktan başka çareniz olmadığı gerçeği ile bir kez daha yüzleşiyorsunuz.

    Oy kullanma sırasında gerçekleşen işlemler fazlası ile basit ve bilinir şeyler. Ancak burada görevlilerin işinin gerçekten can sıkıcı olduğu bir başka gerçek. Düşünsenize insanlara bir kağıt üzerinde yazılı olan evet yada hayır seçeneğinden herhangi birisini seçmeleri gerektiğini söylemek zorunda kaldığınızı. Gerçekten berbat birşey, bence insanları aptal yerine koymaktan başka bir şey değil ama prosedür böyleymiş. Yani insanları aptal yerine koymakta prosedürün bir parçası. Oy kullananların herhangi birinin tepki vermemesi ise daha şaşırtıcı. Kimisi gerçekten ne yapması gerektiğinin farkında bile değil. Ancak yinede kimseyi aptal yerine koymanın bir anlamı yok. Ne yapabileceğini bilmeyen seçmenlerin, bu konuda kendilerinin bilgi almak istemesi gerektiğini düşünüyorum. Tabi siz pusula ve zarfı verirken yapmasını söylediğiniz şeyleri gerçekleştirdiklerinde arkasından gelen prosedür daha ürkütücü "parmağa dökülen boya işkencesi". Boya sürme işlemi sırasında kaçmaya çalışanlar mı ararsınız, söylenenler mi ararsınız ne ararsanız sandık başında bulabilirsiniz. İnsanlara hak vermemek zaten imkansız. Resmen damgalanıyorsunuz ve bu siz haklarınızı yerine getirdiğiniz için oluyor. Fazlası ile çağdışı bir uygulama. Halbuki zaten bu insanlara oy işlemi sırasında isimlerinin bulunduğu liste üzerine imza attırıyorsunuz. Tekrar oy kullanabilmesi için pek fazla seçenek bırakmıyorsunuz. Sıfıra indirmenin ise parmağa sürülen boya ile mümkün olmadığı da apaçık ortada. Peki niye insanlara eziyet ediyorsunuz? Görevli olduğunuzda ise parmağınıza boya sürülmesine gerek kalmadığını ancak kesinlikle buna değmediğini ve gelecekte de değmeyeceğinden emin olduğumu belirtmek isterim.

    Sandık görevlilerine görev süresince devletin herhangi bir şekilde yardımcı olmadığını da söylemeliyim. Yani bütün bir gün boyunca devlet, görevli ne yaparsa yapsın tavrı sergiliyor. Aç kalmanız, susuz kalmanız umurlarında değil. Kendiniz karşılamak zorundasınız. Anlayacağınız eğer bu görev için gönüllü değilseniz, görev sizin için tam bir piyango haline geliyor. Yanlız şunuda belirtmeliyim AKP öğle saatlerinde ekmek arası ile içecek birşeyler göndermiş. Afiyetle yedim tabii ki. Ancak hiçbir şekilde gün boyunca yaptığınızın karşılığı bu olmamalı. Zaman harcamaktan başka bir şey yapmıyor olsanız bile. Zaman = Para gerçeğinin farkında olmayanlar için tabi bu bir anlam ifade etmeyebilir. Belirtmem gereken bir başka nokta ise bu görevin karşılığında sanıyorum 1 – 2 ay içerisinde 20 YTL gibi bir para alacakmışız. Ancak pazar günü feda ettiğiniz 10 saat ile karşılaştırılabilir mi kararı size bırakıyorum.

   Seçmenler ise bildiğiniz gibi türlü türlü, her çeşit insan var. Zaten sizde seçmen olduğunuz için sizde bu çeşitin bir parçası oluyorsunuz en başından beri. Fakat kardeşim bir sandığa neden bu kadar az genç bayan düşer anlamıyorum. Piyango çok büyükmüş te bizim haberimiz yokmuş. Bayanlar olmadığında bir işin nasıl dahada tatsız hale gelebileceğini orada bir kez daha anlıyorsunuz. Tabi bu tamamı ile bizim sandık ile ilgili bir sıkıntı idi. Referandumu insanların pekte önemsememesi de böyle bir etkiye yol açtı tabi.

    Günün sonunu saat 17:00 den sonra oyları sayarak getirdik. Oy sayma işlemi 17:30 gibi tamamı ile bitti ve en son hatırladığım bir hışım ile kendimi eve attığım. Yani arada eve nasıl geldiğimi bile hatırlamıyorum, sandık başkanının elini bile sıkmadan ayrılmış olabilirim.

   Böyle bir piyangonun tekrar vurmayacağını umuyorum, böyle bir gereksizliği tekrar kaldırabileğimi sanmıyorum. Gelecekteki hertürlü seçimin daha profesyonel ve alternatif yollar ile yapılmasını temenni ediyorum.

FCKeditor ile AJAX Problemi ve Çözümü

Published / by Uğur Özşahin / Leave a Comment

    Hata : FCKeditor açık kaynak kodlu bir WYSIWYG metin editörü ve Ajax da bilindiği üzere Web 2.0 ’ın getirdiği işlevselliklerden sadece biri. Fakat FCKeditor ile hazırladığınız bir formu Ajax ile submit etmek istediğinizde FCKeditor ’e yazmış olduğunuz koca bir metnin submit işlemi içerisinde yer almadığını göreceksiniz.

    Bu sorunla ilk karşılaşmam doğal olarak yazdığım scriptlere Ajax uygulamalarını dahil etmeye çalışırken gerçekleşti. jQuery kütüphanesine alışmam ve bir çok işlemi benim için kolaylaştırması nedeniyle, bende bir an önce bana ait olan bazı sitelere Ajax avantajını entegre etmeye çalıştım. Tabi başta herşey çok güzeldi. İstediğim zaman açılıp kapanmasını sağladığım alanlar, sayfa değiştirmek zorunda kalmadan yaptığım submit işlemleri gibi daha bir çok etken  Ajax ile uğraşmamın ne kadar haklı olduğunu  bana ispatlar nitelikteydi. İnternetin benimsediği en önemli kavramlardan birinin hız olduğu düşünülürse, Ajax bu hızı sağlamak açısından biçilmiş kaftan sanırım. Fakat ajax ile uğraşırken de bazı küçük problemler ortaya çıkabilmekte.

    Uyarı : Bu arada belirtmem gereken nokta yaşadığım problem, FCKeditor 2.4.3  ve önceki versiyonlarında gerçekleşmektedir. Bundan sonra çıkacak olan versiyonlarda sorun çözülmüş olabilir belirtmek isterim.

    Evet sonunda bir sıkıntı ile karşılaştım FCKeditor ’ün de içinde bulunduğu bir formu submit etmeye çalıştığımda FCKeditör alanı dışındaki tüm alanların veritabanına yazıldığını gördüm. Eğer böyle bir editör kullanıyorsanız zengin metin editörü kavramının, zengin bileşenini muhtemelen maksimum verimle kullanmak istiyorsunuzdur. Tabi yazdığınız onca zengin satır bu tip bir durumda boşa gider. Bende bunun üzerine farklı bir metin editörü aramaya koyuldum. Bir iki denemeden sonra da vazgeçtim. Çünkü diğer editörlerde aynı işlevselliği yakalayamamıştım. Artık soruna odaklanma vakti gelmişti küçük bir araştırma yaptım ve sıkıntının FCKeditor ’ün submit işlemine kadar kendine ait alanı güncellemediğini anladım.

    Çözüm : Bu sorunla ilgili de türkçe bir döküman bulamadığımdan biraz ingilizce araştırma yaptım. Karşıma almanca bir site çıktı . Yazılı dökümandan birşey anlamasamda yazan arkadaşın soruna ilişkin çözümünde verdiği kodların ne yapmak istediğini anlamıştım. Bunun üzerine hemen kodları kendi uygulamalarıma adapte ettim.

    Artık kodlar ve nasıl uygulanacakları konusunda birşeyler yapmanın zamanı geldi sanırım.

   ilk yapılması gereken aşağıda verdiğim sınıf betiğini javascript kodlarınız arasına yerleştirmek.

// Güncellemek için gereken sınıfımızı oluşturuyoruz
function MyupdateClass()
{
        this.updateEditorFormValue = function()
        {
                //Bu bölümde tüm FCKeditor alanlarının güncellenmesini sağlıyoruz.
                for ( i = 0; i < parent.frames.length; ++i )
                        if ( parent.frames[i].FCK )
                                parent.frames[i].FCK.updateLinkedField();
        }
}
// Yeni bir sınıf objesi oluşturuyoruz.
var MyObject= new MyupdateClass();

    Bu kodları javascript kodlarımız arasına eklediğimizden emin olduktan sonra yapmamız gereken tek şey ajax ile hazırlamış olduğumuz form submit fonsiyonunun öncesinde güncelleme fonksiyonumuzu çağırmak olacaktır.

MyObject.updateEditorFormValue();

Örnek bir kod bloğu vermem gerekirse hazırlamış olduğumuz FCKeditor ’lü form kodumuz :

<form … onSubmit="MyObject.updateEditorFormValue(); Ajax.Collect(); return false;">

bu şekilde başlamalıdır. Tabi düzenlemeniz gereken yerlerin varlığından bahsetmeme gerek yok sanırım. İyi çalışmalar dilerim, umarım aynı sorunu yaşayanlara yardımcı olabilmişimdir.

25 Açık Kaynak Kodlu Webmaster Aracı

Published / by Uğur Özşahin / Leave a Comment

    Yazımda Webmaster lar için 25 açık kaynak yazılım hakkında kısa bilgiler bulacaksınız. Bu 25 yazılım içerisinde bir çok ücretli alternatiflerine oranlara aynı işleri başarı ile gerçekleştirebilen programlarıda bulabilirsiniz. Makalenin aslına buradan ulaşabilirsiniz. Ben ingilizce makaleyi dilim döndüğünce çevirmeye çalıştım.

    Belirtilen yazılımların birkaçını bir şekilde duymuş olabilir hatta kullanıyor olabilirsiniz. Fakat içlerinden mutlaka ilginizi çeken yazılımlarda olacaktır. Bu makalenin özellikle ücretli programlardan bıkan ve alternatif arayış içerisinde olan ziyaretçilerimize yarayacağını düşünüyorum.

Metin Editörleri

  • Aptana Aptana ücretsiz ve Adobe Dreamweaver la boy ölçüşebilecek bir yazılım. Son sürümü ile çok güçlü, stabil ve Dreamweaver alternatifi.

  • Notepad++ Notepad++ kod renklendirme özelliğine sahip, bilgisayarınızda çok az yer kaplayan başarılı bir editör.

  • Notepad2 Bir başka çok basit ancak kullanışlı bir metin editörü , bu programı bilgisayarınıza kurarak Windows Not Defter ’inin yerini almasını sağlayabilirsiniz.
  • Cream Bu program Vim ’in modern bir şekilde konfigüre edilmiş hali. Öğrenme çizginizle beraber çok daha güçlü hale gelen bir yazılım.
  • Firebug Firebug Firefox tarayıcınızla birlikte kullanabileceğiniz ve geliştirdiğiniz uygulamalarda anında hata yakalama özelliğine sahip çok başarılı bir eklenti. Bu eklenti ileCSS/HTML/Javascript kodlarınızı  browser ınız ile eş zamanlı olarak editleme şansına da sahip oluyorsunuz.

WYSIWYG Editörleri

  • WYM editor bir web tabanlı XHTML editörü, W3C standartı, XHTML 1.0 STRICT ile tam uyumlu.
  • Amaya Amaya W3C standartlarına uyan webmasterlar için başarılı bir WYSIWYG HTML/CSS editör. Aldığınız çıktıların 100% standartlara uygun olduğundan emin olabilirsiniz..
  • Selida bir başka WYSIWYG editör tamamen ücretsiz.
  • Nvu Nvu bir başka açık kaynak Dreamweaver benzeri. Şu an için programla HTML/CSS belgelerinizi düzenleyebilirsiniz.

FTP İstemcileri

  • FileZilla Çok popüler FTP istemcisi. Ücretsiz olarak indirebilirsiniz ve kullanmaya başlayabilirsiniz.
  • CoreFTP Basit bir iki pencere sitiline sahip FTP istemcisi.
  • FireFTP Firefox kullanmak için bir başka neden. Çok başarılı bir Firefox eklentisi daha. Bu eklenti ile Firefox tabları içerisinde çalışan bir FTP istemciye sahip oluyorsunuz.

Resim Editör ve Geliştirme Araçları

  • Gimp / Gimpshop Açık kaynak kodlu Photoshop alternatifi. Bu editör fazlasıyla başarılı bir alternatif ve tamamen ücretsiz. Gimpshop [ buradan indirebilirsiniz ] Adobe Photoshop ile yeterince uğraşmış kullanıcıların işine gelecek geliştirilmiş bir Gimp versiyonu.

  • Inkscape Çok güçlü bir resim editörü bu program ile resim çıktılarınızı SVG (ölçeklenebilir vektörel grafikler) formatında alabilirsiniz.
  • Paint.NET bir başka resim editörü. Bu program için basit olarak Photoshop kullanışlılığına sahip geliştirilmiş bir Windows paint sürümü diyebiliriz.
  • Project Dogwaffle Bu program Dan Ritchie nin geliştirdiği boyama ve animasyon uygulaması. Bu program ile çok etkileyici görseller ortaya çıkarabilirsiniz.
  • Picasa2 Google ın sahip olduğu bir resim düzenleyici. Bu program ile fotoğraflarınızı düzenleyebilir, resimlerinizi etiketleyebilir ve Google serverlarına ücretsiz olarak upload edebilirsiniz .

Renk Seçicileri

  • ColorMatch Remix Bu online araçla seçtiğiniz renk ile uyumlu alternatif renk seçeneklerine sahip olabilirsiniz. Daha sonra bu renkleri Photoshop yada Illustrator programlarında renk paletleri olarak kullanabilirsiniz.
  • ColorPicker Bu renk seçici ile fotoğraflarınız yada diğer grafikleriniz üzerinden istediğiniz piksele ait renk kodlarına (RGB, HEX) ulaşabilirsiniz. CSS geliştiricileri için çok kullanışlı olabilir.

Kodlamak için Yardımcı Araçlar

  • AllChars Bu yazılım ile HTML içerisinde sürekli unuttulan bazı özel karakterler için encode işlemini gerçekleştirebilirsiniz.
  • CSS Creator Bu online araç ile CSS tabanlı uygulamanıza ait bir iskelet oluşturabilirsiniz.
  • Firdamatic Bir başka online CSS iskeleti oluşturucu.

Yardımcı Firefox Eklentileri

  • Web Developer Toolbar for Firefox Bu eklenti CSS gelişticileri için neredeyse bir zorunluluk. Bu eklenti ile istediğiniz sayfanın sitil özelliklerini anında kapatıp açabilir yada div etiketlerine ait parametreleri pratik bir şekilde görüntüleyebilirsiniz.

  • IE Tab Bu firefox eklentisi ile geliştirdiğiniz uygulamanın internet explorer da nasıl görüntülendiğini bir çırpıda görebilecek ve eklentiyi kurduktan sonra bir daha Internet Explorer programını açmak zorunda kalmayacaksınız.
  • HTML Validator Bu eklenti Firefox’unuzun durum çubuğunda küçük bir pencere ile size kodlarınızın standartlara uygunluğu hakkında anında bilgi vermekte. Sitenizdeki standart dışı html kodlarının sayısını öğrenmek bu eklenti ile çok daha kolay. Nerelerde standart dışı kod kullandığınızı da sayfanızın kaynak kodunda gösterebiliyor.