CatyCat İnternet

Logoease

Logoease online olarak logo veya banner oluşturabileceğiniz bir site. 3 adımda size özel logonuzu yaratabilirsiniz. İlk olarak çeşitli kategoriler altında size sunulan seçeneklerden en uygununu seçiyorsunuz. Daha sonra düzenleme ekranında renk, yazı ve arkaplan öğelerini düzenledikten sonra son olarak çalışmanızı kayıt olurken verdiğiniz e-posta adresine .jpg, .png, .tiff formatlarında 3 farklı boyutta gönderiyorlar. Örnek görmek isterseniz şu adresteki daha önceden hazırlanmış logolara bakabilirsiniz. İlaveten bu blogda gördüğünüz logo da Logoease kullanılarak hazırlandı.

Stripemania

Stripemania web siteleri için genellikle arkaplanlar için kullanılan resimleri oluşturabileceğiniz kullanışlı bir araç. Size uygun olan renkleri (background color), çizgi kalınlığını (stripe width), çizgiler arasındaki boşluğu (spacing width) seçtikten sonra, hazırladığınız arkaplanı normal veya transparan hallerini bloglarınızda veya sitelerinizde kullanabilirsiniz. Örnekler için buradan, nasıl kullanabileceğiniz öğrenmek için ise Tutorials linkine bakabilirsiniz.
Form Style Generator

Form Style Generator ile formlarınıza güzellik katabilir, Web 2.0 görünümüne sokabilirsiniz. Sol taraftaki “design” bölümünden formunuzun rengini (design.your background), çizgi stilini (design.your border), formunuzun yazı tipini (design.your font and text) kendinize uygun biçimde seçebilirsiniz. Ayrıca form elamanlarınızın onHover ve onFocus olaylarında arkaplan rengi, çizgi rengi vb. özelliklerini değiştirerek kullanıcı dostu bir görünüm sağlayabilirsiniz.

Tüm işlemlerinizi bitirdikten sonra “Download” linkine tıklayarak CSS kodunuzu alıp kendi CSS kodlarınızı altına ekleyip, gerekli düzenlemeleri yaptıktan sonra istediğiniz gibi kullanabilirsiniz.

My Cool Button

My Cool Button isminden de anlaşılacağı gibi bir buton oluşturma aracı. Bu tip sitelerdeki genel kurala uygun olarak önce butonunuzun şeklini (shape) seçiyorsunuz. Daha sonra Web 2.0 renklerinden veya kendi HEX kodunuzu girerek renginizi (colors) belirtiyorsunuz. Son olarak ise kullanacağınız yazı fontunu (text) seçtikten sonra butonunuz hazır hale geliyor. Artı olarak butonunuza ikon eklemek isterseniz (Örneğin RSS, Youtube, Flicker vb.) hazır ikonlardan birini seçebilir veya kendi ikonunuzu upload edebilirsiniz. Örnekleri görmek isterseniz Demo bölümüne bakabilirsiniz.

NOT: Butondan kasıt resim tabanlı link vermedir. Ayrıntılı bilgi için aşağıdaki örneği inceleyebilirsiniz.

<a href="http://feeds.feedburner.com/ersinhan">
<img src="http://www.host.com/rozet.png" title="RSS ile takip et!" />
</a>

Yukarıdaki kodların ekran çıktısı yandaki gibi olacaktır.

Web 2.0 Badges

Web 2.0 Badges siteleriniz için “badge” olarak adlandırılan rozetler hazırlamanızı sağlayan web tabanlı bir araç. Önceden hazırlanmış şekillerden birini seçerek rozetinizi hazırlamaya başlıyorsunuz. Daha sonra içerisine ekleyeceğiniz yazıyı, yazının fontu rengi vb. özellikleri ayarladıktan sonra önizlemede baktığınız resme “sağ tıklayıp” kaydedebilirsiniz. Örnekler için sitenin en altına bakabilir veya eburhan‘ ın 2. versiyon temasına bakabilirsiniz. Hazırladığınız rozeti sürükle-bırak tekniğiyle nasıl oluşturacağınızı ise buradaki yazısında anlatmış.

Sanırım bugünlük bu kadar araç tanıtımı yeterli. Bu araçları tanıyın, kullanan kullana eskitin o zaman alternatiflerini, daha yenilerini anlatmaya, bulmaya çalışırım. Şimdiden hepinize kolay gelsin.