Posts Tagged ‘jQuery’

jQuery qTip ile Görsel Açıklama Kutuları Oluşturun

November 17th, 2009

qtip_bubbles_blueqTip jQuery kütüphanesi ile hazırlanmış çok şık ve esnek bir jQuery eklentisidir.

Bu eklentiyle hızlı ve görsel bir şekilde açıklama kutuları ve konuşma balonları gibi görsel öğeler kullanabilirsiniz.

Özellikleri,

  • Tarayıcı uyumu: IE 6.0+, FF 2.0+, Opera 9+, Safari 3+,  Chrome 1+, Konqueror 3.5+
  • Çalışabilirlik: qTip kodları dinamik olarak oluşturulur. Eğer tarayıcının javascript desteği pasif ise salt html olarak görünür.
  • Yuvarlatılmış kenarlar
  • Çoklu uygulama: Nesneye birden fazla qTip ekleyerek konuşma balonları oluşturulabilir.
  • Kolay Pozisyonlama: qTip’te tanımlı 12 kutu pozisyonu ile nesnenin istediğiniz yerinde kutuyu gösterebilirsiniz.
  • Görsel stil: Tanımlı 6 stil teması ile farklı tasarımlar için uygun.
  • Sırayla döşeme: qTip kutuları üst üste binse bile fare imleci ile üstüne gelindiğinde geçerli kutu ön plana çıkıyor.
  • Animasyon: qTip içerisinde kutuların belirlenmesi için varsayılan olarak fade, slide ve grow efektleri bulunmaktadır. Kendi animasyonlarınızı oluşturup qTip’i istediğiniz gibi genişletebilirsiniz.
  • Ajax desteği: qTip kutularının içeriğini ajax olarak çekebilirsiniz.
  • API:  API kütüphanesi ile callback ve diğer özelliklere hızlıca erişip, düzenleyebilirsiniz.

jQuery qTip ile ilgili bağlantılar;

qTip Anasayfa |   Demo | Documentation | Download

jQuery ile Sağ Tıklama Engeli – jQuery Right Click Plugin

June 21st, 2009

mouse-1Yaptığımız uygulamalarda tarayıcı üzerindeki sağ tıklama ile gelen menüyü pasif yapmak için şuradaki “jQuery Right Click Plugin isimli jquery scriptini kullandım. Safari, Chrome, Firefox ve IExplorer da başarılı şekilde çalışıyor.

Ayrıca bu scriptin diğer önemli özelliği ise sadece bir öğeye yada css classına(div, span yada “.classAdi”) uygulayabiliyor ve sadece onun üzerindeyken gelen menüyü engelleyebiliyorsunuz.

Örneğe bakmak için Demo sayfasına gidebilirsiniz.

jQuery Resim Galerisi: Simple Controls Gallery

December 12th, 2008

jQuery kütüphanesini kullanarak basit ve görsel bir resim galerisi uygulaması arıyorsanız sanırım Simple Controls Gallery scripti tam aradığınız şeydir.

Scriptin örneğini görmek ve kullanımı için  buradan buyrun.

jQuery ile Rich Text(WYSIWYG) Editörler

October 17th, 2008
Daha önceki yazılarımda da söylediğim gibi artık jQuery, mooTools,vb. gibi hazır javascript kütüphanelerini kullanarak birkaç satır javascript kodu ile uygulamalarınıza çok güzel araçlar ekleyebiliyorsunuz.

Hazırladığımız web uygulamalarında da sıkça kullandığımız Rich Text(WYSIWYG) Editörleri jQuery ile uygulamamıza eklemek gerçekten çocuk oyuncağı oldu.

Tamam belki tablo tasarımı, renkler gibi birçok gerekli özellik bu editörlerde yok ama uygulamalarda kullanacağınız basit ve sadece metin düzenlemesi gereken alanlarda işinizi görecektir.

Size tanıtacağım ve benimde bulabildiğim iki editör örneğin adreslerini veriyorum:

CSS ile Hızlı ve Etkileyici Tablolar Hazırlamak

October 14th, 2008

Web tasarımcılar ve web geliştiriciler div‘lerle çalışmaya başladıktan sonra table kullanımı önemli ölçüde azaldı. Fakat yinede eski emektar tablolar olmadanda olmuyor.

Smashing Magazine blogundaki Top #10 Express CSS Table Designs makalesinde CSS ile hızlı ve etkileyici tablolar hazırlama konusunda 10 örnek verilmiş.  Konuyu bilsek bile bilgilerimizi tazeleme ve görüş açımızı genişletmek için bile okumakta fayda var.

Özellikle jQuery ve mooTools gibi javascript kütüphanelerinin gücü ile birkaç satırda tablonuzu baştan aşağı değiştirebiliyorsunuz.