Kategori: Javascript & jQuery
Yorumlar: 7
8577 Okunma
EKİ 11

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
4110 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ı
Ö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
10487 Okunma
AĞU 11
Öncelikle HTML kodlarımız ile başlıyoruz:
<div id="container">Daha sonra bunlara CSS yardımı ile stil veriyoruz: » devamı
<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>

Kategori: Javascript & jQuery
Yorumlar: 0
4562 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ı
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
4823 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ı
