Javascript/ajax kütüphanelerinin(library/framework) arasında en iyi kütüphanenin hangisi olduğunu bulmak için geçenlerde biraz araştırma yaptım. Danny Douglass'ın blog sitesinde 7 popüler javascript kütüphanesini(jQuery, YUI, Prototype, Dojo, MooTools, Ext JS ve Script.aculo.us ) inceleyip,karşılaştırdığını farkettim ve bunun üzerine en yüksek puan verdiği 3 kütüphaneyi(jQuery, YUI, Dojo) kurup inceledim ve sonuç olarak ben de jQuery kütüphanesini kullanmaya karar verdim.


jQuery (jQuery.com)

Zincirleme metod çağırma olayıyla dikkatimi fazlasıyla çekti. Microsoft'un programlama dillerine alışkın olanlar, jQuery öğrenirken pek zorluk çekeceğini sanmıyorum, syntax olarak çok benziyorlar.

Örneğin, jQuery kullanarak sayfada bulunan ve herhangi bir stile sahip olan/olmayan tüm linkler için bir stil uygulayıp(class atayıp), içlerine de "hello world.!" yazdırmak için yazmamız gereken satır sayısı sadece 1.! Nasıl mı?

$("a").addClass("class_deneme").html("hello world.!");

jQuery ile xml'den veri çekme işleminide 2-3 satırda yapabilmekteyiz, fade in/fade out/açılıp kapanma gibi efektleri vermek yine çok basit. Birkaç örnek daha görmek isterseniz buraya bakabilirsiniz.

Plug-in(eklenti) sayısı da oldukça fazla. Resim croplama, sayaç, form kontrolleri, drag and drop(sürükle bırak) gibi işlemleri plug-in'ler sayesinde kısa sürede gerçekleştirebiliyorsunuz.
Internet Explorer 6-7-8 (IE6-IE7-IE8), Firefox 2-3,Safari,Chrome ve Opera'da sorunsuz çalışıyor, browsera özel javascript kodu yazmak gibi büyük bir dertten de kurtarıyor.

Şuan release edilmiş son versiyonunda sıkıştırılmış hali ~30kb. (Yaptığı iş için çok ufak bir boyut diye düşünüyorum.)


jQuery öğrenmek isteyenler için eburhan'ın makalelerini tavsiye edebilirim :

jQuery ile çek bırak özellikli nesneler oluşturmak
jQuery ile hazırladıgım kalan karakter eklentisi
jQuery ve json işlemleri
jQuery ve olaylar
jQuery ve css işlemleri
jQuery ve seçiciler

Sitemizin layoutlarını hazırlarken sıklıkla kullandığımız margin ve padding seçicilerinin en kısa şekilde nasıl kullanılabileceğinden bahsedeceğim.

Öncelikle margin ve padding hiç kullanmamış olanlar için ne olduklarını kısaca belirtelim; 
margin, birlikte kullandığımız elementin borderından(çerçevesinden),diğer elementleri uzaklaştırmak istediğimizde kullanırız.
padding ise marginin tersi olup, borderın iç kısmında mesafe bırakmak için kullanılır.

Padding ile kullanım farkı olmadığından, margin üzerinden açıklamaları yapacağım..

margin-bottom : aşağıdan ne kadar boşluk bırakacağını belirler. px cinsinden değer alır.
margin-top : borderın üstünden ne kadar boşluk bırakacağını belirler. px cinsinden değer alır.
margin-left : soldan ne kadar boşluk bırakacağını belirler. px cinsinden değer alır.
margin-right : sağdan ne kadar boşluk bırakacağını belirler. px cinsinden değer alır.

.div_deneme{
margin-bottom:5px;
margin-top:5px;
margin-left:5px;
margin-right:5px;
}

şeklinde div_deneme classı için margin değerleri atanabilinir fakat tüm margin değerleri 5px olduğundan aşağıdaki gibi bunu tek seferde de verebiliriz :

.div_deneme{margin:5px}

Bu şekilde kısaltmalar kullanarak css dosyamızın daha az kb olmasını sağlamış oluyoruz (yani sayfamızın daha hızlı yüklenmesini sağlamış oluyoruz.)

4 farklı şekilde margin değerleri tek satırda atanabilinmektedir. Bunun için alttaki resmi hazırladım, çoğu zaman aldığı parametrelerin yerlerini karıştırdığımdan margin veya padding kullanırken bakıyorum..
 


Her hafta css ile ilgili en az 1 makale yazmaya karar verdim, diğer makale de yakında geliyor..