Kontactr, birkaç basit adım sonrasında web sitenize iletişim formu ekleyebilmenizi sağlayan ücretsiz bir web servisi. Servisin; captcha koruması, ajax ve istatistik tutma gibi güzel özellikleri mevcut.

Kontactr ile web siteme nasıl iletişim formu ekleyeceğim?

Öncelikle Kontactr sitesine girip bir hesap açmanız gerekiyor. Hesap açma esnasında yazacağınız e-posta adresine dikkat etmelisiniz. Çünkü iletişim formundaki bilgiler bu adrese gönderilecek. Hesap açma işlemleri sonrasında ise siteye giriş yapıyorsunuz. Giriş yaptıktan sonra karşınıza gelen sayfadan, iletişim formunuz ile ilgili bilgileri alabilirsiniz. Bu bilgiler ile iletişim formunu kullanabilirsiniz. Kullanım için size 3 değişik seçenek sunuluyor:

1. Embed Widget: Bu seçenekteki kodları kendi web sayfanıza doğrudan gömebilirsiniz. Böylece iletişim formu, sizin web sitenizin bir parçasıymış gibi görünecektir.
2. Embed Widget - AJAX: Bu seçenekteki kodlar, iletişim formunun AJAX tekniği ile çalışır halini kullanmanızı sağlar. Yani formu dolduran bir kişi gönder butonuna tıkladıktan sonra bilgiler, web sayfanız yenilenmeden gönderilir.
3. Buttons: Bu seçenekteki kodları kullanarak, web sayfanızdan iletişim formunuza bir bağlantı vermiş oluyorsunuz. Böylece iletişim formunu doldurmak isteyenler, ilk önce bu linke veya butona tıklayacaklardır. (Örnek olsun diye bu yazının sonuna bir buton ekledim)

 
kontactr ile oluşturduğum örnek bir iletişim formu

Sonuç

Kontactr haricinde Contactify isimli bir servis daha var. Fakat Contactify ile hazırladığım iletişim formunda birkaç tane hata gördüm. Ayrıca web sitenize gömmek için ve özelleştirebilmek için biraz uğraşmanız gerekebilir. Bundan dolayı size Kontactr servisini öneriyorum. Hem Kontactr ile hazırlanmış iletişim formunun istatistiği de tutuluyor. Böylece toplam kaç kişi iletişim formunuzu kullanarak size mesaj göndermiş öğrenebiliyorsunuz.

Kontactr ve Contactify gibi hazır iletişim formu sunan servisler aslında son derece güzel düşünceler. Fakat biz Türk internet kullanıcıları için eksi yanları da yok değil. Örneğin ingilizce mesajlar ve türkçe karakter sorunları. Acaba bu sorunları ortadan kaldıracak ve yalnızca Türk internet kullanıcılarına hizmet verecek bir servis açsak iyi olur mu Veyahut sizin bildiğiniz böyle bir Türk servisi var mı?

eburhan.com

Aynı amaç doğrultusundaki kişileri buluşturan, bu kişilerin paylaşımda bulunmasını sağlayan sosyal ağ siteleri son zamanların en gözde web sitelerinden. İşte socwall sitesi de bu tür sosyal ağ sitelerinden etkilenmiş bir kişinin hazırladığı duvar kağıdı paylaşım sitesi. Socwall sitesinde bulabileceğiniz resimler sayesinde masaüstünüzde birbirinden müthiş duvar kağıtları kullanabilirsiniz.

Socwall hakkında…

Uzun ismi Social Wallpapering olan Socwall sitesi, masaüstünüzde kullanmak üzere yüksek çözünürlüklü resimleri kategoriler halinde herkesin kullanımına açmış durumda. 20′ye yakın ana kategori altında onlarca duvar kağıdı bulabiliyorsunuz ve üye olmanıza gerek kalmadan bilgisayarınıza indirebiliyorsunuz. Duvar kağıtları son derece kaliteli ve 1280×960, 1280×1024 ve 1600×1200 gibi yüksek çözünürlüklerde sunuluyor. Sitenin diğer bir güzelliği ise torrents bölümü. Bu bölümden toplu halde paketlenmiş duvar kağıtları indirebiliyorsunuz.

Sonuç olarak; duvar kağıdı kullanmayı seviyorsanız Socwall sitesini de seveceğinizden eminim 

eburhan

Meebo isimli servis sayesinde, kurulum gerektirmeyen ve yalnızca web tarayıcısı içerisinden çalışan mesajlaşma hizmetleri oldukça popüler hale gelmeye başladı. Microsoft ve Google gibi devler bile masaüstü mesajlaşma yazılımlarının web sürümlerini hazırladılar. İşte bunların arasına en son katılan da Yahoo! oldu.

Hakkında

Artık Yahoo! kullanıcıları webmessenger.yahoo.com adresine oturum açıp, arkadaş listesindekiler ile istedikleri anda ve istekleri yerden sohbet etme imkanı bulacaklar. Böylece başka bilgisayarlarda Yahoo! Desktop Messenger olmasa bile pratik bir şekilde sohbetlerine devam edebilecekler. Ayrıca şu durum var: Eğer dosya boyutu 10 MB’tan daha büyük Yahoo! Desktop Messenger yazılımını bilgisayarınıza yüklemek istemiyorsanız ve amacınız yalnızca yazılı olarak sohbet etmek ise Yahoo! Web Messenger çok hoşunuza gidecek demektir.

Yahoo! Web Messenger şimdilik ingilizce, çince, portekizce ve vietnamca dillerinde kullanılabiliniyor. Eğer ki Yahoo! içeriğiniz “Yahoo! Türkiye” seçeneğine ayarlı ise Web Messenger’ı kullanamıyorsunuz. Kullanabilmek için hesap bilgilerinizden Tercih Edilen İçerik ayarını “Yahoo! US” yapmanız gerekebilir.

Yahoo! Web Messenger

Özellikler

Yahoo! Web Messenger‘da ilk başta dikkatimi çeken özellikler şunlar. Öncelikle sekmeli bir arayüz sunulmuş. Böylece konuşmuş olduğunuz her arkadaşınız için ayrı bir sekme açılıyor. Son derece yeterli, kullanışlı ve göze hoş gelen bir arayüzde sohbet ediyorsunuz. “History (geçmiş)” özelliği sayesinde de eğer isterseniz konuşmalarınızı kayıt altına alabiliyorsunuz. Oturum durumunuzu yine çevrimiçi, çevrimdışı, meşgul… şeklinde belirleyebiliyorsunuz. Ve son olarak, msn messenger kullanıcılarıyla da sohbet imkânınız var.

Sonuç

Yahoo! Web Messenger, diğer web tabanlı mesajlaşma uygulamalarının aksine Flex ile hazırlanmış. Kişisel deneyimime dayanaraktan söylüyorum ki Flex ile hazırlanmış web uygulamaları, AJAX ile hazırlanmış web uygulamalarından çok daha hızlı, güçlü ve göze hitap edebilir bir durumda. Bu sebeplerle Yahoo! Web Messenger benim gözümde meebo gibi, msn web messenger gibi alternatiflerinden çok daha başarılı.

Web 2.0 ile birlikte içerikte köklü değişiklikler olmasının yanında tasarımda da büyük değişiklikler oldu. Artık daha basit, daha canlı, daha kullanışlı ve tamamen göze hoş gelen tasarımlar görüyoruz. Bu trendi yakalamak için bazı ortak teknikler kullanılıyor. Yuvarlak köşeli kutular, kalın yazı tipleri, yansımalı grafikler… gibi. Bu teknikleri tamamen kendi becerinizle yapabileceğiniz gibi hazır olarak kullanmanızı sağlayan web araçları da mevcut. İşte bu tip web araçlarından derlediğim kaynakları sizlerle de paylaşmak istiyorum.

1. Logolar

Web 2.0 ile birlikte birçok firma logosunu yeniden tasarladı. Logolara daha parlak bir görüntü verilirken, yansıma efekti de bolca kullanıldı. Ayrıca pekçok yeni açılan servis, logosuna bir BETA ibaresi yerleştirmeyi alışkanlık haline getirdi. Eğer siz de logonuzda değişiklikler yapmak istiyorsanız bu kriterleri yerine getirmelisiniz. Elbette logo tasarımı profesyonel kişilerin ellerine bırakılmalı ama basit işleriniz için Logo Creatr ve Web2.0 Logo Creator araçları da epey bir işe yarayabilir. Ayrıca Photoshop kullanıcıları şu sayfadan web 2.0 logoları için hazırlanmış stil dosyasını indirebilirler.

2. Butonlar

Web 2.0 ile o eski çirkin gri butonlar terk edilmeye başlandı. Web tarayıcılarının sunduğu klasik butonları kullanmaktansa herkes imaj işleme yazılımlarıyla kendi butonunu kendi tasarlamaya başladı. Resim olarak hazırlanan bu butonlarda özellikle cam efekti ve renk geçiş (gradient) efekti hakim. Ayrıca birçok butonda, anlamlı küçük simgeler de kullanıldığını görüyoruz. Kolay yoldan kendi web 2.0 butonunuzu hazırlamak içinse  Web 2.0 free buttons maker aracını kullanabilirsiniz. Ek olarak Web 2.0 Layerstyles paketiyle de butonlar hazırlayabilirsiniz.

3. Arkaplanlar

Web 2.0 ile birlikte web sitelerinin önplanında bu kadar değişiklik yapılmışken arkaplan da unutulmadı tabi Web 2.0 sitelerinin arkaplanında çoğunlukla iki farklı teknik gözümüze çarpıyor. Bunlardan birincisi yatay şeritler iken ikincisi de düz renk geçişleri. Hazır olarak yatay şeritleri Stripe Generator veya Stripe Designer ile kolayca hazırlayabiliyorsunuz. Eğer ki yatay şeritlere göre gözü daha az yoran renk geçişli arkaplanlardan kullanmak isterseniz Free Fading Background Images pakedini indirebilirsiniz.

4. Yuvarlak köşeli kutular

Web 2.0 ile birlikte köşeleri yuvarlatılmış kutuların kullanımı çok yaygınlaştı. Köşeleri düz, kare veya dikdörtgen biçimde kutular kullanmak artık gerilerde kaldı. CSS‘nin 3.0 sürümüyle gelecek olan border-radius özelliğiyle de tamamen tarihe karışacağını düşünüyorum. Şimdilik, yuvarlak köşeli kutular için farklı tekniklerden faydalanmamız gerekiyor. Spiffy Corners, RoundedCornr ve CSS Rounded Box Generator araçları resim, css ve html tekniklerini kullanıyorken Nifty Corners Cube ve curvyCorners araçları da JavaScript tekniğini kullanıyorlar.

5. Renk geçişleri

Bir renkten farklı bir renge veya aynı rengin koyu tonundan daha açık tonuna geçiş yapmamızı sağlayan efekte gradient ismi veriliyor. Ve bu efekti web 2.0 tasarımlarında bolca görebiliyoruz. Butonlarda, arkaplanlarda veya menülerde… Tasarımlarınıza derinlik hissi katan bu efekti hazır olarak kullanabileceğiniz araçlar da mevcut. Özellikle Ultimate Web 2.0 Gradients renk geçişli nesneler oluştururken epey bir yardımcınız olacaktır. Bununla birlikte 3. maddede bahsettiğim Free Fading Background Images pakediyle de çeşitli nesnelere renk geçişleri uygulayabilirsiniz.

6. Rozetler

İlk maddede yeni açılan pekçok web 2.0 servisinin, logolarına bir BETA ibaresi yerleştirdiklerinden bahsetmiştim. Bu beta ibaresini güçlendirmek için tasarımcılar, rozet (badge) şeklinde imajlardan faydalanıyorlar. Bu rozetlerin asıl kullanım amacı, kullanıcının dikkatini belli bir konu üzerinde yoğunlaştırmak. Daha iyi bir örnek vermek gerekirse %50 indirime sahip bir ürünün duyurusunu rozet biçimindeki bu imajları kullarak yapabilir ve dikkatlerin o ürün üzerine çekilmesini kolayca sağlayabilirsiniz. Rozet imajlarını kendiniz de hazırlayabileceğiniz gibi internette hazır olarak da bulabilirsiniz. Web 2.0 Badges ve Free Vector Badges tavsiye edebileceğim kaynaklar.

7. Menüler ve Sekmeler

Navigasyon sistemi bir web sitesinde oldukça önemli bir yer tutar. Bu yüzden yeterince anlaşılır ve karmaşadan uzak bir navisyon sistemi tasarlamanız gerekiyor. Basitliğin ve kullanılabilirliğin önplanda tutulduğu Web 2.0 sitelerinde oldukça hoş menüler/sekmeler görüyoruz. Kendi web sitenizde bu menülerden/sekmelerden kullanmak için CSS Tab Designer isimli ücretsiz yazılımdan faydalanabilirsiniz. Bu yazılım ile yatay veya dikey olarak pratik bir şekilde menüler/sekmeler hazırlayabilmeniz mümkün. Dynamic Drive CSS Library ise bu konuda bir diğer güzel kaynak.

8. Simgeler

Web 2.0 sitelerindeki bir diğer trend ise simge kullanımıdır. Simgeleri kullanarak anlatmak istediğiniz veya dikkat çekmek istediğiniz bir konuya odaklanılmasını kolaylaştırabiliyorsunuz. Doğru yerde doğru simgeyi kullanırsanız son derece etkili görünümler elde edebilirsiniz. Eğer simge hazırlamak istemiyorsanız veya simge satın almak istemiyorsanız ücretsiz simge sunan siteleri kullanmanız gerekiyor. İnternette yeterince ücretsiz simge sunan site var ama ben size kalite olanlardan bahsetmek istiyorum. Pixelgirl Presents, Icon Archive, Icon library ve Free Icons Web bunlardan birkaçı… Ayrıca Icon Finder ve Iconlet isimli simge arama motorları da istediğiniz bir simgeyi ararken işinizi oldukça kolaylaştıracaktır.

9. Renkler

Renk kullanımı elbette yeni birşey değil ama web 2.0 ile birlikte üzerinde daha önemle durulan bir nokta. Artık birbiriyle maksimum düzeyde uyumlu renkler kullanılıyor. Renkler eskine oranla şimdi daha sıcak, daha canlı ve daha ferah. Kendi gözlemlerinde web 2.0 tasarımlarında ağırlıklı olarak mavi, yeşil, kırmızı, turuncu, pembe ve gri tonlarının kullandığını görüyorum. Bu tonları yakalamak için hazır renk paletlerinden faydalanabilirsiniz. Web 2.0 Colour Palette, Web 2.0 Secret Weapon ve Web 2.0 Color Scheme bu amaçla hazırlanmış renk paletlerinden…

10. Yazı tipleri

Web 2.0 ile birlikte özellikle yazı boyutlarındaki artış hemen göze çarpıyor. Eskisine oranda daha büyük ve daha kalın yazılar kullanılıyor. Yine basitlik adına eskisine oranla daha az yazı kullanıldığını görüyoruz. Böylece ferah bir görüntü elde etmek için web sayfasında yer yer boşluklar oluşturulmuş da oluyor. Yazı tipine gelince ise aslında bu konuda pek bir sınırlama yok. Yine de düzgün hatları olan, kolayca anlaşılabilir yazı tipleri kullanmaya özen göstermeliyiz. Web 2.0 sitelerinde ne tür yazı tipleri kullanıldığını görmek açısından Great Fonts for Web 2.0 sayfasına bakabilirsiniz. Ücretsiz olarak yazı tipi indirmek içinse Urbanfonts, Dafont ve Better fonts gibi kaynakları kullanabilirsiniz.