Kategori: Javascript & jQuery Yorumlar: 7 5806 Okunma
EKİ 11
less.js
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ı
Kategori: Javascript & jQuery Yorumlar: 1 2848 Okunma
EYL 11
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ı
Kategori: Javascript & jQuery Yorumlar: 0 8232 Okunma
AĞU 11
Ö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ı
Kategori: Javascript & jQuery Yorumlar: 0 3166 Okunma
AĞU 11
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ı
Kategori: Javascript & jQuery Yorumlar: 0 3277 Okunma
AĞU 11
$(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ı