bildirgec.org

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.

Popüler internet tarayıcısı Firefox‘un yayıncısı Mozilla, Firefox Lorentz‘ı yayınladı. Firefox Lorentz (Firefox 3.6.4), yeni özellikleri ve güvenlik bakımından yenilikleri ile Firefox 4‘e yol gösterecek. Yeni özelliklerin bu sürümlerde yayınlanmasıyla beraber yeni özellikler test edilmiş olacak.

Firefox Lorentz‘ın en önemli özelliği flash, silverlight ve java çökmelerinden hiçbirşekilde etkilenmemesi. Bu yeni özelliği sayesinde kullanıcıları rahatsız etmeyecek.out of process pulg-ins (OOPP) ile sağlanan bu özellik ile Firefox’a entegre edilen tüm eklentiler tarayıcıdan bağımsız olarak çalışacaklar.

Google Chrome tarafından kullanılan bu özelliğin Firefox’a gelmesi ile beraber tarayıcı güvenliği oldukça artmış durumda. Ayrıca flash, Java, silverlight çökmelerinde Firefox etkilenmeden sadece o sekme etkilenecek.

Kum Havuzu (sandbox) tekniği de denilen bu uygulamayı önceki haftalarda ünlü güvenlik uzmanı dino dai zovi‘de Google Chrome gibi tüm tarayıcıların kullanması gerektiğini belirtmişti (*).

Bu yeni özellik sayesinde hem çökmelerin önüne geçilmiş olunuyor, hem de saldırganlar tarafından daha fazla korunmuş oluyoruz. Önceden saldırganlar, tarayıcıyı ele geçirdiklerinde entegre olmuş eklentiler sayesinde işletim sisteminin tüm kontrolünü ele alabilirken artık bunu yapamayacaklar.

Başta haber siteleri olmak üzere, farklı bakış açıları ile tasarlanan web siteleri için vazgeçilmez bir yöntem olan; içeriğin oldukça şık tasarlanmış geçiş animasyonları ile ziyaretçilere bir slayt gösterimi şeklinde sunulması yöntemi için web’te onlarca ücretli veya ücretsiz eklenti bulmak mümkün.

Mevcut veya ileride hazırlayacağınız web projelerinde kullanılmak üzere arşivinizde saklayabileceğiniz bir jQuery slayt gösterim eklentisi olan simpleSli.de, aman aman bir görsel sunum ve özellikler sunmasa da, çoğu web projesinde kullanılabilecek bir şıklığa ve sadeliğe sahip.

simpleSli.de; 4kb’lık (sıkıştırılmış hali) boyutu, HTML ile düzenlenebilir görsel ve metin içeriklerin eklenebilmesi (sayfalama (paging) için kullanılabilmekte), slayt geçişleri ile ilgili bazı ayarların yapılabilmesi ve slay geçişlerinin otomotik olarak yapılabilmesi gibi özellikleri tasarımcılara/geliştiricilere sunmakta.

Günümüz web projeleri için, gerek sunucu taraflı, gerekse de istemci taraflı programlama ve tasarım çalışmaları için harcanan zaman ve emek bir veya birkaç kişinin üstesinden gelmesinin zorlanacağı bir düzeye gelmiş durumda. Bir veya birkaç kişiden oluşan geliştirici/tasarımcı gruplarının, karmaşık web projelerinin altından kalkabilmelerine yardımcı olabilecek en önemli destekçiler ise, belli bir işi en iyi bir şekilde yapabilmesi için geliştirilen ve çoğunlula da ücretsiz olan eklentilerdir/modüllerdir.

Bu yararlı eklentilerinden biri olan ve JavaScript ile hazırlanmış bir tarih seçici (date picker) eklentisi olan jsDatePick, başta web formlarında olmak üzere, kullanıcılardan istenen tarih verilerinin, formlara kullanıcılar tarafından kolayca eklenebilmesine yardımcı olmakta.

Geçenlerde ajax tabanlı bir uygulama üzerinde harıl harıl çalışırken Firebug’ın ReferenceError u ile birhayli sorun yaşadım. Json olarak aldığım data verilerini tabii ki klasik yöntem ile elde edebiliyordum.

Örn: response.name, response.point gibi..

ancak farkettim ki key değeri içerisinde “-, +” gibi karakterler bulunduğunda bu sorunla karşılaşıyorum.

sorunun çözümü basitmiş ama biliyorsunuz ki “sinekte küçük ama mide bulandırır”.

1
2
3
4
5
6
7

var data = [
{ "name": "Magic Johnson", "mvp": 8, "asist": 10141, "point": 17707, "all-star": 12},
{ "name": "Michael Jordan", "mvp": 14, "asist": 5633, "point": 32292, "all-star": 14},	
{ "name": "Kareem Abdul-Jabbar", "mvp": 8, "asist": 5660, "point": 38387, "all-star": 19}
];

console.debug("All Star" + ":" + data[1].all-star);

jQuery ile artık birçok uygulama örneği bulmak mevcut. Klasik uygulamaların dışında animasyonlar ve oyunlar da css3 ve html5 ile artmış durumda. Aşağıdaki uygulamaları doğrudan web sitenize ekleyebilir ve ziyaretçileriniz arasında rekabet ortamı yaratabilirsiniz. İşte muhteşem jQuery Oyun uygulamaları;

Twitch

Twich, pop-up penceleri üzerindeki 9 aşamalı minimal bir oyun serisidir. Her yeni seviyeye geçtiğinizde yeni bir pencere açılarak farklı bir oyun karşınıza gelir. Oyun sadece fare ile oynanır.

Browser Ball

Resimdeki plaj topu ile açılacak yeni pencerede oynayabilirsiniz. Benzer masaüstü uygulamalardan esinlenerek hazırlanmış bu oyun ile ziyaretçileriniz boş vakitlerini sizin sitenizde geçirecekler.

Günden güne yaygınlaşan css 3‘ün jquery ile birlikte kullanılmasıyla neler yapılabileceğine hepimiz aşinayız sanırım.

Tympanus.net zaman zaman bu konuda ücretsiz indirebileceğiniz çok güzel uygulamalar yayınlıyor. Ben de beğendiklerimi bir araya getirmek istedim. İçlerinden sitenizde kullanmak isteyeceğiniz çalışmalar çıkacağını tahmin ediyorum.

İnternetin popüler tarayıcıların Firefox, süpriz bir karar ile motorlarının alt yapısını değiştireceğini açıkladı. Eskiden en hızlı internet tarayıcısı olan Firefox‘un JavaScript motoru da diğer tarayıcılara göre daha hızlıydı. Fakat giderek hız yarışında arka plana giden Firefox, bu kararı ile yeniden bir hamle yapmayı planlıyor.

Firefox‘un hız konusunda ve JavaScript motoru hızında arka planda kalmasından şikayetçi olan kullanıcıların tepkisi sayesinde bu karara adım attıklarını belirten Firefox ekibi, artık daha hızlı bir Firefox olacak mesajı verdi. Geçtiğimiz günlerde şimdiye kadar hız konusunda lider olan Google Chrome‘u geçerek birinciliğe Opera 10.5 sürümü ile oturmuştu. Bu gelişmelerin ardından Firefox, rakiplerine göre oldukça geride kaldı.

Mozilla’nın geliştiricilerinde David Mandelin, JägerMonkey adındaki yeni bir JavaScript motoru kullanacaklarını ve gidişat ve diğer bilgileri yakın zamanda duyuracaklarını söyledi.

Her derde deva jQuery ekletilerinden biri olan Spritely (jQuery.spritely), Web sayfalarımıza, sadece Html ve Javascript ile; imleç hareketlerine duyarlı objeler/karakterler ve hareketli/dinamik arka planlar hazırlayabilmemiz için geliştirilmiş bir eklenti.

Internet Explorer 6+, Firefox, Safari, Chrome ve Opera desteği bulunan Spritely’in bazı avantajlı yanları ise; basit kullanımı, hafifliği ve ücretsiz olması.

Spritely, Flash kullanmak istemediğiniz projeleriniz veya Flash desteği olmayan ortamlar için alternatif bir çözüm sunmakta.

Opera; yeni sürümünü olan Opera 10.5‘i tamamlamasıyla beraber, en hızlı tarayıcı ünvanını Google Chrome‘un elinden aldı. Bu hızın altında ise yeni JavaScript motoru Carakan bulunmakta.

Geliştiricilerin yeniden düzenlediği JavaScript motoru Carakan, eskiye göre yedi kat daha hızlı. Ayrıca yapılan değişiklikler sadece JavaScript motoru ile sınırlı kalmadı, görüntü motoru da yenilendi.