2009'un Eniyi Jquery Eklentileri

axanc — Tue, 08 Dec 2009 17:39:00 GMT

Artık yavaş yavaş 2009 yılının sonlarına geliyoruz ve bu yılın bize getirdiklerini, bizden götürdüklerini sorgulamanın, almanak hazırlamanın vakti geldi.

Son yıllarda site tasarımcılarının hayatını kolaylaştıran onlarca Jquery Eklentisi çıktı. İşte sizlere 2009 yılından benim favorilerim.

İçerik Kaydırıcılar
Bu tür eklentiler, genelde, kısıtlı bir alan içerisinde bolca veriyi göstermek için kullanılan türdendir. Sitenin üst tarafında çeşitli veriler gösterilir ve slaytlar arasında animasyonlarla kullanıcı sitede tutulmaya ve ona mümkün olduğunca bilgi verilmeye çalışılır.

AnythingSlider

Css-Tricks'in yaratıcısı Chris Coyier tarafından yaratılmış muhteşem bir eklenti.

Easy Slider

ister önceki/sonraki, isterseniz de numaralı sayfalama yapan bir eklenti.

Coda-Slider 2.0

Code programının kayma efektini taklitini yaratan bir eklenti.

Resim Galerileri
Güzel efektlere sahip resim galerisi yapmak için Flash kullanılması gereken günler geride kaldı. Jquery sayesinde bu tür galeriler kolaylıkla yapılabiliyor.

Galleria

Özellikleri ile belki de en gelişmiş resim galerisi: Galleria

jQuery Panel Gallery

Kolayca ayarlanabilen, kompakt bir resim galerisi.

Supersized

Resimleri etkili bir biçimde boyutlandıran güzel bir galeri.

Menü
Bana göre, menü sitenin bütün içeriğini özetleyen, basit bir şey olmalıdır. Ancak sitenin en gizli yerlerini dahi etkili bir şekilde göstermelidir. İşte size bazı örnekleri.

jquery mb.menu

jQuery il Yatay Kayan Menü

AutoSprites

Kaynak: Henry Jones

Sizin favorileriniz hangileri?
Resimlerle ekleyin lütfen.

Bu yazı axanc tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

mouseover ve css yatay menu

Emre KIYAK — Sat, 10 Oct 2009 13:00:00 GMT

Selamlar herkese

CSS'de yatay menü üzerine bir çalışmam var. Takıldığım bir noktayı sormak istiyorm.

Yatay menüde Ana Sayfa - Hakkımızda - İletişim şeklinde bağlantıların olduğunu düşünün. Üzerlerine gelindiğinde linkin üzerinde bir imaj göstermem gerekli. Örneğin iletişimin üzerine geldiğinizde onun belli mesafe üstünde telefon ikonu göstereceğim.

Bununla ilgili çeşitli sıkıntılar yaşadım. En kabaca çözüm örneğini aşağıda veriyorum. Bu örnekte sadece linkin üzerine değil doğrudan katmanın üzerine gelince arka plan zeminini değiştiriyorum. Böylece link üzerine gelince değişmiş gibi duruyor ama bu biraz çakma bir çözüm oldu. Farklı ve en uygun çözüme yakın önerilerinizi bekliyorum.

.test{
height:20px;
width:125px;
display:block;
border:1px;
border-color:black;
border-style:solid;
padding-top:67px;
text-align:center;
}
.test:hover{
background-image:url('iletişim ikon.png');
background-repeat:no-repeat;
background-position:0 0;
}

Bu yazı Emre KIYAK tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

bildirgec.org - etiketler: yatay menu

2009'un Eniyi Jquery Eklentileri

mouseover ve css yatay menu