Kategori: jQuery

CSS, jQuery: Daha Üstün Performans

CSS ve jQuery performans ve optimizasyon konusunda kafaları yemiş biri olarak bu güzelim Pazar gününde hem kendim hem sizin için performans ve optimizasyonu araştırdım. (Tabi dün güneşin altında saatlerce dolaşıp amele yanığı olduktan sonra bugün bir yere çıkmayacağım kesindi)

Bu araştırmamdaki en büyük etken Burak’ın yazdığı kodların (CSS ve jQuery) üzerine onunla girdiğimiz tartışmaların sonucu doğru ve yanlış bildiğim şeyleri tekrar gözden geçirme isteği.

Not: Araştırmamın sonucunda ben haklı çıktım burası ayrı bir konu 😉 Ama doğru bildiğim bazı yanlışları da düzeltme fırsatı buldum.
Devamını oku »

Facebook Friend Selector

Facebook Friend Selector is a friend selection assistant for your Facebook application or your website that is equipped with Facebook Connect. This tool returns you your friends ID’s only and you use them as you please. It was built using the jQuery library.

Demo & Download

Facebook Friend Selector Color BlueFacebook Friend Selector Search ResultsFacebook Friend Selector Show Count

This plugin is no longer maintained. Feel free to fork and update! Github repo

Devamını oku »

Cufon’la Sağdan Sola Yazmak

Birkaç ay önce bir Facebook uygulamasında hem Cufon kullanıp hem de bunu sağdan sola olacak şekilde yapmak durumunda kaldım. Bunu yaparken Cufon’un RTL desteklemediğini öğrendim. İleriki zamanlarda sağdan sola yazım Cufon tarafından desteklenecekmiş ama fazla vaktim olmadığı için bir javascript çözümü buldum.

Bu kod sayfa yüklenirken yavaşlamaya sebep olabilir. Ara ara da font değişimi sırasında yaşanan geçişler görünebilir. Ama eğer sayfanın büyük bir bölümünde Cufon kullanmıyorsanız sorun olmayacaktır.

Cufon'la Sağdan Sola Yazmak
Devamını oku »

Input Mask

Etiketler(label) formlarda ilgili alanların içeriklerine ne gelmesi gerektirlerini belirten elemanlardır ve bütün formlarda farklı şekillerde kullanılır. Çoğu durumda bu etiketleri inputların sağına, soluna ya da üstüne koymak yeterlidir. Ama bazı durumlarda bunları input alanının üzerine/içine koymak gerekebilir. Bunu jQuery kütüphanesini kullanarak basit bir uygulamayla halledebiliriz.

$('input, textarea').focus(function() {
 value=$(this).val();
 $(this).attr("value","");
});

$('input, textarea').blur(function() {
 if($(this).val()=="") {
  $(this).val(value);
 }
});

Çok basit değil mi? Ama bu çözüm kullanıldığında “form validation“larında bazen sıkıntılara, fazladan uğraşlara neden oluyor. O yüzden input alanının içini boş bırakmak programcıların işlerini daha da kolaylaştırıyor.

Devamını oku »