SanalDuvar » mootools

10 Adet jQuery ToolTip Eklentisi – jQuery ile Balon İçinde Açıklama Örnekleri

Veysel — Tue, 01 Jun 2010 20:42:38 +0000

Web tasarımı ile ilgilenen arkadaşları için kaynak olacak beğendiğim tooltip örneklerini sizlerle paylaşmak istiyorum. Bu tooltipler jquery ile hazırlanmış olup blogunuza çok farklı bir hava katacak. Tooltip demişken kelimeyi biraz daha açayım; en basit örnekle bağlantılarınıza açıklama eklediğinizde tarayıcınızın özelliğine göre çeşitlilik gösteren fare imleci ile bağlanlarınızın üzerine geldiğinizde kutu içinde beliren açıklama şeklleridir, diyebilirim Umarım basit bir şekilde anlatabilmişimdir. İşte bu özelliği sizler blogunuzdaki bağlatılar, resimler ya da istediğiniz herhangi bir yerde(tooltipin müsaade ettiği ölçüde) kullanabilirsiniz.

Sözü daha fazla uzatmadan karşılaştığım ve beğenmiş olduğum tooltiplere geçelim.

1. Dynamic tooltip

2. Coda Popup Bubble

3. TipTip

4. jQuery Ajax Tooltip

5. Awesomeness

6. (mb)Tooltip

7. jGrowl

8. tipsy

9. Easiest jQuery Tooltip Ever

10. Create a Simple CSS + Javascript Tooltip with jQuery

JavaScript Eklentiler İçin 10 Mühteşem Örnek

Veysel — Wed, 16 Sep 2009 19:48:18 +0000

Artık ihtiyaçlardan dolayı yapmış olduğum araştırmalarda bulmuş olduğum kaynakları arşivleyip sizlerle paylaşmayı planlıyorum. Böylelikle özellikle webmasterlara faydalı kaynak sunmuş olabileceğimi düşünüyorum. Kendi temalarımda da kullanmaktan büyük zevk aldığım ve kullanınlan heryerde de oldukça hoşuma giden kodlama dili javascript sayesinde web sayfaları daha dinamik bir görümün kazanarak kullanıcının işlemini hızlandırması ziyaretçide olumlu bir etki bıraktığını düşünmemek içten değil. Özellikle de bu gibi sistemlerin ziyaretçinin hızlı işlem yapmasını gerektiren sitelerde olması daha da önem az etmektedir. Buna en büyük örnepi ise alış-veriş siteleri ile vermek mantık olacaktır.

Şimdi geçelim beğendiğim ve kullanılmasını tavsiye edebileceğim eklentilere. Aşağıda kısa bilgisini vermiş olduğum eklentilerin ayrıntılarını sayfalarından edinebilirtsiniz.

FancyBox

Faklı bir ThickBox çeşididir. Hoş efekler içermektedir. Eklentinin sayfasına buradan ulaşabilirsiniz.

Unobtrusive Slider Control V2

Websayfanızda dinamik bir sayfa değiştirme paneli oluştumanıza yarar. Eklentinin sayfasına buradan ulaşabilirsiniz.

jQZoom

Sayfanızıda gösterilen resimlerin üzerine gelince mercek altına almanıza yarar. Özellikle alış-veriş sitelerinde kullanılabilir. Eklentinin sayfasına buradan ulaşabilirsiniz.

MooTools SlideShow – 1

Çeşitli seçeneklerle sunulan bu slideshow benzerlerinden çok farklı duruyor. Eklentinin sayfasına buradan ulaşabilirsiniz.

jQuery ScrollTo

Özel sayfalar oluşturmak için kullanılabilecek bir eklenti. Hedeflenen kutuya anahtar kelimeye tıklanınca otomatik yönlendiliyorsunuz. Eklentinin sayfasına buradan ulaşabilirsiniz.

FancyForm – MooTools

Web sayfanızda dinamik bir form oluşturmak için benzersiz bir çalışma. Eklentinin sayfasına buradan ulaşabilirsiniz.

iCarousel – MooTools

Yine açık kaynak new ticker/scroller diye adlandırılan, yani haber kaydıran ya da resim kaydıran eklenti diyebilceğimiz bir çalışma. Hem yazılar hemde resimlerle kullanılabilecek bir eklenti. Eklentinin sayfasına buradan ulaşabilirsiniz.

jQuery Validate

Özellike iletişim forumlarında kullanılacak bir çalışma. Anında uyarıyı veriyor. Eklentinin sayfasına buradan ulaşabilirsiniz.

PrettyCheckBoxes – Jquery

Diğer checkboxlardan daha farklı ve dinamik bir görüntü sağlayan bir çalışma. Sayfasında daha şık bir görüntü isteyenlere. Eklentinin sayfasına buradan ulaşabilirsiniz.

jQuery Coda Slider

Birçok sitede de kullanılan bir sistem. Özellikle değişken olmayan şirketsel sayfalarda sık rastlanır türden. Eklentinin sayfasına buradan ulaşabilirsiniz.

Sliding Üye Giriş Paneli (jQuery ile)

Veysel — Sun, 05 Apr 2009 18:24:53 +0000

Bloglarda pek rastlanmaya bir sistem haline gelen üyelik sistemi genelde sosyal ağ olarak nitelendirilen ya da portal olarak adlandırdığımız sitelerde bulunan giriş panelinin jQuery ile desteklenen ve site tasarımında yer kaplamayacak şekle getirilmiş.

Zamanın yetersiz oluşundan dolayı sizlere Türkçe olarak anlatımını yapamayacağım. Demosunu burada görebileceğiniz sistem sade ve şık olacak bir şekilde tasarlanmış.

Ücretsiz olarak herkesin kullanımına sunulmuş bu sistemi kullanabilmek için IE6, IE7 , Firefox, Safari, Opera ve Chrome tarayıcıları gerekli.

Gerekli dosyaları ve sitenize yerleştiriken yapmanız gerekenleri buradan bulabilirsiniz.

Bu sistemin kullanıldığı birde WordPress Teması mevcut. Henüz Türkçe değil fakat muhtemelen kısa bir süre sonra SanalDuvar Türkçe Tema Galeride yerini almış olacak. Nigth Transition temasının İngilizcesini buradan indirebilirsiniz.