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.
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.
Güncelleme: Bu yazı 29 Ocak 2010 tarihinde yazılan Input Mask yazısının güncellemesidir. Sayfa ilk yüklendiğinde input’un value’sunun dolu olduğu durumda label da görünüyordu. Bu düzeltildi.
Güncellenmiş haline aşağıdaki bağlantılardan ulaşabilirsiniz.
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.
Güncelleme: Bu yazı 10 Kasım 2010 tarihinde yazılan Buton Elementini Stillendirmek yazısının güncellemesidir. Opera’da karşılaştığım sorunlar ve fazladan “CSS hack” kullanılması nedeniyle bu güncellemeyi yapma gerekliliği hissettim. Bu yöntemde fazladan bir HTML elementi daha kullanıldı, ama hemen hemen hiç “CSS hack” bulunmuyor.
HTML yapısı biraz değişti. Önceki yöntemde, Opera’da üzerine tıklandığında oluşan kaymanın verdiği etkiyle arkaplan resmi bölünüyordu. Bu yöntemde ise kayma yine oluyor ama arkaplan resmi bölmeden bütün olarak kayıyor.
Devamını oku »