Artık CSS kodlarınızı daha hızlı daha kolay yazabileceksiniz. Nasıl mı? less.js ile. Hemen konuya girelim.

styles.less adlı bir dosya oluşturup bunu HTML sayfanıza çağırınız.

<link rel="stylesheet/less" type="text/css" href="styles.less">

Daha sonra http://lesscss.org adresine girip son versiyonunu indirin. HTML sayfanıza indirdiğiniz javascript dosyasını çağırınız.

<script src="http://lesscss.googlecode.com/files/less-1.1.3.min.js" type="text/javascript"></script>

Artık CSS içinde değişkenler kullanabilirsiniz. Örneğin bir rengi birden fazla kullanmanız gerekirse her seferinde renk kodunu yazmak yerine değişkene atayıp kullanabilirsiniz. Daha sonra bir değişiklik yapmak istediğinizde sadece o değişkendeki renk kodunu değiştirmeniz yeterli olacaktır.

Örnek kullanım:

// LESS
@renk = #333;

#header {
    color: @renk;
}
a {
    color: @renk;
}

» devamı

Trent Foley tarafından geliştirilen Gallerific isimli jQuery eklentisiyle hızlı, yüksek performanslı fotoğraf galerileri oluşturabilirsiniz.

Özellikleri

[+] Sayfa yüklendikten sonra preloader efekti
[+] Thumbnail navigasyon (sayfalama ile)
[+] İmlerinize eklemek için jQuery history eklentisi entegre edilmiş
[+] Slayt gösterisi
[+] Kendi özel geçiş efektlerinizi ekleyebilirsiniz
[+] Klavyenin yön tuşları ile galeriyi kontrol edebilirsiniz
[+] Resim açıklamaları (image captions)
[+] Esnek konfigürasyon
[+] Javascript çağrılamadığında da çalışıyor
[+] Tek sayfa'da birden fazla galeri kullanabilirsiniz » devamı

Öncelikle HTML kodlarımız ile başlıyoruz:

<div id="container">
    <div id="tab-head">
        <ul>
            <li><a href="#tab1">Tab 1</a></li>
            <li><a href="#tab2">Tab 2</a></li>
            <li><a href="#tab3">Tab 3</a></li>
        </ul>
    </div>
    <div style="clear:both;"></div>
    <div id="tab-content">
        <div id="tab1" class="content">Tab 1</div>
        <div id="tab2" class="content">Tab 2</div>
        <div id="tab3" class="content">Tab 3</div>
    </div>
</div>

Daha sonra bunlara CSS yardımı ile stil veriyoruz: » devamı

PHP fonksiyonlarını Javascript'e çevrilsin istediniz mi daha önce? Ya da bunu kendiniz denediniz/yaptınız mı?
Artık gerek yok. Kevin van Zonneveld adlı geliştirici yapmış, bize de kullanmak düşer.

php.js adlı projede aşina olduğunuz PHP fonksiyonları ile javascript kodlayabilirsiniz. Javascript'e çevrilmiş PHP fonksiyonları için şuradaki listeye bakabilirsiniz. En güzeli de kütüphanenin ücretsiz (open source) olması. » devamı

$(document).ready(function(){
    $('#demo').click(function(){
        var RGB = $(this).css('backgroundColor');
        alert(RGB );
    });
});

Üstteki kod bize renk kodunu RGB (red, green, blue) olarak geri döndürecektir. » devamı