Color Scheme Designer, tanıştığım gün resmen “Bu zamana kadar nerdeydin mübarek?” dediğim güzide tasarım araçlarından biri. Araç sayesinde tasarımlarınızda kullanmak istediğiniz ana rengin mono varyantlarına veya o renk ile uyumlu farklı renklere kolayca ulaşabilir, elde ettiğiniz sonuçları metin, HTML / CSS kodu ve hatta Photoshop paleti olarak alabilirsiniz.

Her tasarımcının alet çantasında mutlaka bulunması gerektiğini düşünüyorum:
http://colorschemedesigner.com/

World’s fastest PHP editor (Dünyanın en hızlı PHP editörü) sloganıyla dağıtılan Blumentals Rapid PHP Editor, uzun zamandır takip ettiğim, bir kaç kez deneme sürümünü kurup gerçekten sahip olacağım günü iple çektiğim sağlam text editörlerinden biri.

On saatte açılan hantal editörler kesinlikle bana göre değil. Açılmasını beklemeye tahammül edebildiğim yeryüzündeki tek yazılım Photoshop’tur, o da büyüğümüz sayılır saygımız sonsuzdur. Bana göre PHP editörü dediğin Notepad gibi tıklandığı an açılmalı, sağolsun Rapid PHP’de aynen söylediği gibi tıklandığı anda açılıyor. İşlevsel açıdan da, profesyonelleri bilmem ama orta düzey bir PHP-sever için fazlasıyla tatmin edici olduğunu söyleyebilirim.

Konumuza gelecek olursak; bugün sevgili mesai arkadaşım, PHP gurusu Mesut’a bu programın reklamını yapmak üzere sitelerine girdim ve tepedeki “Special Offer – only in Turkey” (Özel teklif – sadece Türkiye için) ifadesi dikkatimi çekti, hemen altında da Rapid PHP Editor 2011′e SMS yoluyla ve sadece 10 TL karşılığı sahip olabileceğim yazıyordu. Normalde programın kişisel kullanım lisansının 29.85 Euro, yani 70.40 Türk Lirası olduğunu düşününce bu bana harbiden fevkaladenin fevkinde bir teklif gibi geldi. Yazinin devamini okuyun »

CSS ile tasarım yapmak candır, tasarıma dahil birden fazla resmi tümleşik hale getirip CSS ile ayrıştırmak (sprite tekniği) ise canan. Büyük sitelerin çoğu gerek sayfa açılış sürelerini kısaltmak gerekse trafik tüketiminden tasarruf etmek için bu tekniği kullanıyorlar. Ayrıca son zamanlarda oldukça popüler olan Google PageSpeed aracı da, bu tekniği tasarımcılara sayfa hızını doğrudan etkileyen bir unsur olarak “önemle” tavsiye ediyor.

Sprite tekniğinin sunduğu avantajlardan nasıl faydalanacağınız konusunda fikriniz yoksa veya halihazırda bu tekniği kullanan fakat zamandan tasarruf etmek isteyen bir tasarımcıysanız şu siteyi sık kullanılanlarınıza eklemenizde fayda var: http://tr.spritegen.website-performance.org Site sayesinde zipli halde yüklediğiniz resimleri kolayca birleştirebilir ve çıktıya ait CSS kodlarını sadece bir kaç tıklamayla alabilirsiniz.

Devir multimedya devri. Dikkat ederseniz yeni nesil tanıtım sayfaları artık sade tasarımlara sahip olmanın yanı sıra, dertlerini kullanıcıya bir an önce anlatabilmek üzere videolu anlatımlar, kısa tanıtım filmleri kullanmayı tercih ediyorlar (örnek 1, örnek 2). İşte Xstockvideo.com gibi siteler de bu tür sayfalar tasarlayan bir tasarımcı olarak böyle durumlarda yardımınıza koşuyor.

Stok (dolgu) resim satan siteler tek karelik resimler için bazen mantıksız rakamlar istemeye devam ededursun, Xstockvideo.com gibi amme hizmeti veren sitelerden projenizin konusuyla ilgili herhangi bir videoyu ücretsiz olarak indirebilirsiniz. Proje sahibine “burada şöyle bir video olacak” demek yerine bu siteden indireceğiniz konuyla alakalı bir video ile sunum yapmanız daha verimli sonuçlar almanıza yardımcı olacaktır.

Smush.it (nam-ı diğer smushit.com) Yahoo’nun güzide amme hizmetlerinden biri. Site sayesinde büyük boyutlu resim dosyalarınızı ister toplu halde upload ederek, ister url girerek minimum kalite kaybıyla optimize edebilir, %50-60′lara kadar boyut tasarrufu sağlayabilirsiniz.

Diğer webmaster araçlarınızın arasına kaydedin, sıkça kullanın ve arada bir bu yorgun tasarımcıya dua etmeyi unutmayın.

Preloaders.net ile sitenize veya ajax ile hazırladığınız projenize ilgi çekici loading (yükleniyor) animasyonlar ekleyebilirsiniz. Site sayesinde sadece bir kaç adımda dilediğiniz ebatlarda ve renklerde loading animasyonlar oluşturabilir, sonucu GIF veya APNG uzantısıyla kaydedebilirsiniz. Sık kullanılanlarınıza eklemenizde fayda var.

CSS kodlarken işinizi kolaylaştıran ve zamandan tasarruf etmenize yardımcı olan sitelere bayılıyorum. Daha önce de bu tür bir kaç siteden bahsetmiştim ve tahmin ediyorum ki aşağıdaki “Benzer Yazılar” bölümünde kendilerini göstereceklerdir.

Yeni kahramanımızın adı CSSButtonGenerator.com Kendisi sadece bir kaç tıkla gayet şık butonlar tasarlamanıza olanak sağlayan güzel bir site. Favori siteleriniz arasına kaydetmenizde fayda var.

Bir çok tasarımcı tasarımlarına temsili (dolgu) metin eklemek için Lorem Ipsum kullanır. Bu sayede tasarımı inceleyen insanlar metinlerde ne yazıldığına takılmadan tasarımın genelini inceleme fırsatı bulur.

Yeni tanıştığım Lorempixum isimli site ise bu işi görsel boyutuna taşıyor ve tasarımcıyı internette stok fotoğraf arama derdinden kurtarıyor. Site sayesinde tasarımlarınıza konusuna göre dilediğiniz ebatlarda temsili resimler ekleyebilir, zamandan tasarruf edebilirsiniz. Favori siteler listesine eklemekte fayda var.

CCS3 tasarımlar yapmak için türlü teknikler kullanarak göbek çatlatan tasarımcılardansanız bu siteyi çok seveceksiniz. Tek amacı border-radius, box-shadow, gradyan ve opaklık gibi eleman özelliklerini görsel olarak ayarlamak olan css3.me her tasarımcının elinin altında bulunması gereken kullanışlı bir araç-site.

CSS Border Radius Generator keşfettiğim gün en sık kullandığım sayfaların arasına eklediğim, her fırsatta kullanmak için bahane aradığım oldukça işe yarar bir araç. Kendisi tasarım elemanlarınıza bir kaç saniyede (dilerseniz her köşesine farklı değerde) oval köşeler verebilmenizi, css oval köşe olayını destekleyen tüm tarayıcılara uyumlu biçimde sağlıyor.

Eğer siz de benim gibi “kahrolsun IE’nin eski sürümleri!” gibi bir mantığa sahipseniz ve sırf IE’ye uyumlu oval köşeler yapmak için satırlarca kod yazıp imaj kullanmaktan kaçınacak kadar tembelseniz bu araçtan çok hoşlanacaksınız.

CSS Border Radius Generator
http://border-radius.com