bildirgec.org

Web tabanlı olarak çalışan ve bir web formu düzenleme aracı olan Faary, çabucak web formu hazırlamamız gereken sıkışık zamanlarda, hata yapma riskimizi azaltarak, şık tasarımlı web formları hazırlamamıza yardımcı olabilecek, oldukça kullanışlı ve ücretsiz bir araç.

Bilgisayarınıza herhangi bir şey indirmeye gerek duymadan (tabi taracının ön belleği hariç), çabucak web formları hazırlamamızı sağlayan Faary aracından indireceğimiz tek şey ise; hazırlamış olduğumuz web formuna ait kaynak kodları ile dosyaların bulunduğu sıkıştırılmış klasör.

Metinsel bir söz dizim ile web formları hazırlamamızı sağlayan Faary aracının diğer bir özelliği ise; Ziyaretçilerimizin bu web formları aracılığı ile e-posta gönderebilmelerini sağlayacak olan PHP kodlarını da kaynak kodlara eklemesi.Bu son özelliği kullanabilmek için yıllık 19.95$ ödemek gerekmekte.

Günümüz Web sitelerinin vazgeçilmez elemenlarından olan Web formları, web sitesi ile kullanıcı arasında cereyan eden interaktif etkileşim için, olmazsa olmaz bir web elemanı konumundalar.

En fazla kullanıldığı yerler olan, üyelik işlemleri gibi bilgi girişlerinin yoğun bir şekilde yapıldığı yerlerde kullanılan web formlarında bulunması gereken en önemli işlevsel özellik ise; kullanıcılar tarafından girilen bilgilerin, web geliştiriciler tarafından belirlenmiş geçerlilik kıstaslarına uyup uymadığının kontrol edilmesi.

Oldukça önemli olan bu işlevin tam olarak yerine getirilesini sağlamak amacı ile geliştirilmiş bir kütüphane olan ValidForm Builder, PHP ve JavaScript (JQuery) ile geliştirilmiş ve hem istemci taraflı hem de sunucu taraflı olarak, geçerlilik denetlemesini yapabilmekte.

google chrome bildiğiniz gibi artık eklenti desteğine kavuştu. Web developer ve web tasarımcılar için aşağıda google chrome için 14 adet kullanışlı eklenti bulunmakta. şimdi özelliklerine göre eklentilere göz atalım.

1. firebug for google chrome
firebug, html ve css’de düzeltmeler yapabileceğiniz bir editör. javascript desteği bulunmamakta.

2. Pendule
web uygulama geliştiricileri için araç çubğunu inşa için ayarlar. stylesheets, formlar, resimler, html ile çalışma imkanı sunar.

3. html validator
w3c standarlarına göre html kodunu kontrol eder.

Web formlarının karışması HTML kod yazarken geliştiriciler için kabus olması bilinen bir gerçektir. Bu bildiride bulunan 5 jquery eklentisi bu kabusa bir son vermekte ve geliştiriciler için kolay bir yapı sunmaktadır.

1. LiveFilter

LiveFilter

2. Jquery Form Tips

jquery form tips

3. AutoSuggest Jquery

Web siteniz ile uyumlu ve göze hitap eden formlar tasarlamak istiyorsanız ve “nasıl bir şey olmalı?” sorusu aklınıza takılıyorsa, birçok farklı form tasarımını inceleyebilirsiniz.Üyelik formu, iletişim formu, kayıt formu gibi birçok form örneğinde ilham verici teknikler ile başarılı çalışmalar yapılıyor. Siz de aşağıdaki örnekleri inceleyerek kendi ilham verici form tasarımlarınızı yaratabilirsiniz.

1 – Next Big Sound

2 – ChiGarden

3 – Best Tools for school

Web sitelerinde görsellik önemlidir.Tasarım ne kadar iyi olursa o ziyaretçiler web sayfanızdan o kadar memnun olurlar.Web formlarında da tasaırm önemlidir.Klasik form elemanları yerine kendi tasarladığınız elemanları koymanız mümkün.İşte javascript ile yapılan yaratıcı web formları ;

Style input file

Klasik formalardan sıkılanlar için birebir.Formdaki butonu ve formun kendisine istediğiniz biçimi verebilmenizi sağlayan çok hoş bir javascript uygulaması.

üyelik formu oluşturmak çetin bir iştir. tasarımı bir yana ziyaretçilerinizden isteyeceğiniz bilgileri iyi seçmek gerekir. zira ziyaretçiler kolay kolay bir web sitesine veya bloga üye olmak istemezler. ziyaretçilerin çeşitli kaygıları vardır. web formda ziyaretçiden çok fazla bilgi istenmesi, zaman kaybı, güvenlik kaygısı, reklam mailleri gibi çeşitli faktörler ziyaretçinin üye olma isteğini azaltır. bu durumu aşmak için çeşitli önlemler alınabilir. örneğin; ziyaretçinizin yaşadığı şehri forma yazması size bir şey kazandırmazken aksine kaybettirebilir. bu bilgileri göz önüne alarak aşağıda güzel tasarlanmış ilham verici üyelik formlarını kendinize göre düzenleyip kullanabilirsiniz.

1.) psdthemes

2.) nibbledish

daha önce Ajax Uygulamaları 1, Ajax Uygulamaları 2 ve Ajax Uygulamaları 3 yazılarında site yapımcılarının işine yarayabilecek kaynaklardan bahsetmiştik. burada ise 20 ajax efekti toplanmış.

• TextboxList meets Autocompletion: giriş formlarının otomatik olarak doldurulması için kullanılabilir. benzer bir uygulamayla ajax alan adı arama yazısında karşılaşmıştık.
• Ajax IM: ajax kullanılarak hazırlanmış bir ücretsiz mesajlama aracı.
• LiveValidation: üye adı, şifre gibi kullanıcı seçimlerinde sık sık karşılaşılan yanlış yazım, başkası tarafından alınmış sözcüğü kullanma gibi hataları bekletmeden çözmek için yararlanabilirsiniz.