Jquery & Javascript

Jquery ile flash benzeri slider - COIN SLIDER

İlgili Konular: Jquery & Javascript     
Drupal - CMS - PHP - Jquery - Web Tasarım

Haber siteleri başta olmak üzere sliderlara ihtiyacımız oldukça artmaktadır. Genel olarak görsel güzellik vermeleri sitemizde slider kullanmak için temel etkendir. Buradan sliderın paketini indirebilirsiniz.

Head etiketi içersine yazacağınız kodlar:

<script type="text/javascript" src="jquery-1.4.2.js"></script>

Div yükseklik eşitle eklentisi - Jquery

İlgili Konular: Jquery & Javascript     

Div yüksekliklerini eşitlemek hepimiz için bir dert oldu. Veri tabanından aldığımız bilgileri yanyana sütunlar içersinden görüntülemek istersek boyları genellikle bize sorun yaratıyor.

Google da basit bir eklenti bulup kendim geliştirmeye karar vermiştim ki; Eburhan arkadaşımız bunuda düşünmüş ve jquery ile bir kütüphane yazmış.

Kullanımı oldukça basit:
 

Javascript harita kütüphanesi

İlgili Konular: Jquery & Javascript     

mapper.js isimli javascript dosyası ile web sitenizde bulunan bir haritanın şehirlerini otomatik olarak vurgulatabiliyorsunuz. Böylece ziyaretçileriniz mouse ile haritadaki bir şehrin üzerine geldiklerinde, o şehri vurgulanmış olarak ve ismiyle birlikte görebiliyorlar.

Bu javascript dosyası Firefox 1.5+, Opera 9+, Safari ve IE 6+ ile çalışabiliyor.

Resim Kenarlığı Düzeltme Kütüphanesi: Edge

İlgili Konular: Jquery & Javascript     

Açık kaynak kodun hızla yayıldığı günümüzde javascript kütüphanelerin yerini inkar etmek haksızlık olur. Yeni kütüphanelerden Edge kütüphanesi resimlerinizin kenarlarını sizin isteyeceğiniz efektle gösteriyor. Geniş dökümantasyonu ile güzel seçenekler sunan Edge mutlaka görülmeli.

Flash kullanmadan hareketli banner ve nesneler kullanabilirsiniz

İlgili Konular: Jquery & Javascript     

Flash kullanmak SWFObject kütüphanesini kullansak da sitelerimizi yavaşlatmakta ve çoğu web tasarımcısı için görsel bir zevkin dışında işkencedir.

Dinamik arka planlar ve içerikleri resimler ve jquery ile kullanarak bir sürü görünüm elde edebiliriz.

Jquery kullanarak dinamikliği sağlamamız sitemizin hızı acısından oldukça önemlidir. Kendinizde kullandığınızda ne demek istediğimi anlayacaksınız.

Jquery 1.4.1 Sürümü yayınlandı

İlgili Konular: Jquery & Javascript     

Jquery bizi şaşırtmaya devam ederken kendinide geliştirmeye devam etmekte. 1.3 sürümleri gayet başarılı bulunurken son olarak 1.4.1 sürümünü yayınladı. İçersindeki yenilikleri tam olarak tanıtmasını dört gözle bekliyorum.

Aşağıdaki bağlantılardan ilgili sürüme ulaşa bilirsiniz:

Javascript kaynakları

İlgili Konular: Jquery & Javascript     

sIFR Lite
"Bir zamanlar bazı çok başarılı web geliştiricileri sIFR'ı yarattılar. Hedefleri, HTML manşetlerini güzel görünümlü yazıtiplerine dönüştürmekti ve işte bu web geliştiricileri amaçlarına da başarılı bir şekilde ulaştılar. Kodlarına bakarak ben de sIFR'a daha nesne yönelimli bir yaklaşımla sIFR'ın 'lite' sürümünü oluşturdum. sIFR lite'yi okumak daha kolay ve kullanımı daha yenilikçi."

Jquery ile metinlerinizi boyutlandırın

İlgili Konular: Jquery & Javascript     

jQuery UI'si (Kullanıcı Arabirimi) bir web sayfasına çok şey katabilir. Bu kullanıcı arabiriminin sunduğu pek çok widget bulunmaktadır. Bu makalede bahsedeceğim element, gittikçe popülerleşen "kaydırıcı" (slider). Bu dersimizde metin boyutunu kontrol etmek için slider kullanmak üzerine duracak ve bunun nasıl web sayfalarına entegre edilebileceğini örneklendirmeye çalışacağız. Bu özellik sayesinde ziyaretçileriniz, web sitenizdeki metin boyutunu kendi zevklerine göre değiştirebilecekler. Ayrıca bu özellik bir web sayfası üzerinde de oldukça çekici duruyor.

Davranış

Üç farklı tooltip kullanımı

İlgili Konular: Jquery & Javascript     

Url ön izleme, resim ön izleme ve yazı bilgilendirme gibi özellikleri bulunan üç adet hazır örnek uygulamalar aşağıdadır.

3 ipucunu bir arada indirin

Jquery ile metin kutusunda karakter kısıtlama

İlgili Konular: Jquery & Javascript     

Metin kutusundaki karakter kısıtlama işlemlerini genellikle javascript kullanarak gerçekleştiriyorduk ama jquery geleli onunda kütüphanesi var ve işimiz kolaylaşıyor:)

Kütüphaneye buradan ulaşabilirsiniz.