Daha önceleri bunun bir benzeri olan Threesixty-slider  diye bir jQuery eklentisi  paylaşmıştık. Şimdiki  demo da aynı özellikte. Html5  ve  Canvas kullanılarak hazırlanmış olan bu örnek  toplamda otuz  adet resimden oluşuyor ve  sayfa  yüklenme  işlemi bittikten sonra  360 derece  olarak ekrandaki htc  telefonu  dönüyor. Mousenizi  sol tıklayıp sürüklediğiniz zaman yine  aynı şekilde... Devamını oku »

Web siteleriniz için kullanabileceğiniz çok güzel  ve  bir  o kadarda  hafif  bir giriş formu örneği.  Marco Biedermann tarafından hazırlanmış bu giriş formu örneğinde  yüklemeniz  gereken herhangi  bir  icon yada resim bulunmuyor. Fontawasome  kullanılarak eklenmiş olan ikonlar(kilit, kullanıcı, ok işaret) form örneğine  çok güzel bir  görünüm kazandırmış.

Şimdiye kadar görmeye alışık olduğumuz sosyal medya  ikonlarının çok farklı bir örneğini inceliyorsunuz. Daniel Herrera tarafından jQuery ve Css3 kullanılarak hazırlanmış olan bu sosyal medya  örneğinde mouse  ikonların üzerine geldiğinde  ikonların arkaplanı kırmızı  renk oluyor  ve  beğen bölümü de aşağı kayarak  kaç kişinin sayfayı beğendiğini yada  takip ettiğini gösteriyor

Web sitenizde kullanabileceğiniz animasyonlu buton örneği.   Sazzad Hossain tarafından hazırlanmış bu  buton örnekleri  mouse  üzerine geldiğinde  başlıklar görünüyor ve butonlardaki ikonlar  biraz daha yaklaşıp  daha büyük bir halle geliyor

Resim galerilerinizde   kullanabileceğiniz  kullanışlı  ve  bir o kadarda  güzel css3 resim galeri örneği. Sazzad Hossain tarafından hazırlanan   fotoğraf galerisi örneğinde  Css3 geçişler ve dönüşümler kullanılmış. Bütün resimler hafif  bir şekilde  üst  üste  yığılmış ve herbiri  ayrı  bir  şekilde  döndürülmüş. Mouse ile üzerine geldiğiniz  siyah beyaz  resim yavaşça  düzeliyor

Resimleriniz  yada  Css çerçeveleriniz  için  kullanabileceğiniz  3D gölge  efekti.  Css3 skew, rotate ve box shadow  gibi özellikler  kullanılarak  hazırlanmış olan bu örnekte çerçevelerinizin  şekli  oval  bir  görünüme kavuşuyor.  Galeri  resimleri  için hazırlanmış olsada  aklınıza  gelebilecek  her yerde  kullanabileceğiniz bir  örnektir..

Sadece Css kullanılarak hazırlanmış olan bu buton örnekleri 3D görünümde tıklanabilir özelliğe sahip.  Kullanımı  oldukça  kolay ve  isterseniz  örneklere seçili (active diye  yazılmış css  içinde ) sınıfını  atayarak hangi butonların tıklanmış olduğunuda  belirleyebiliyorsunuz. Active özelliği; ziyaretçinin tıkladığı  butonun veya incelediği  sayfanın tıklanmış bir şekilde  durmasını  sağlayan özelliktir.

Bootstro  Steve Tran  tarafından web sitesi  içindeki  bölümleri  aşama  aşama kullanıcıya  tanıtmak amacıyla  geliştirilmiş bir jQuery uygulamasıdır.  Sanırım  hemen hemen herkesin facebook üzerinden mutlaka  karşılaştığı  bir özelliktir bu. Facebook  yeni sürümlere  geçtiği  zaman kullanıcılarına yeni  sürümle  beraber  gelen özellikleri  tanıtmak için bu tür  örnekler  kullanır  genelde.

Site ışıklarını kapatma diye bir buton film izleme sitelerinde mutlaka karşılaşmışsınızdır. Film izlerken sitedeki reklamları, menüleri, butonları, resimleri kısacası video ekranı hariç her tarafı karartmaya yarayan bir özelliktir. Ziyaretçiler açısından çok faydalı bir uygulamadır.  Bunun kısa yoldan sitenize ekleyeceğiniz html kodu yok maalesef. Javascript dosyaları bir hosta yükleyio kullanmanız gerekiyor.... Devamını oku »

SeuratJS eklentisi bu  sitede sürekli görmeye alışık olduğunuz  jQuery  eklentilerinden  biri  değil Raphaël javascript kütüphanesi için Greg Smith tarafından hazırlanmış bir  eklentidir. SeuratJS eklentisi  resimlerinizde noktalı  animasyonlar  oluşturabilmenize  yarayan bir eklentidir. Bana  göre  animasyonları biraz  mantıksız  gibi  geldi. Kim  orjinal  resmin üzerine  tıklayıpta  noktalı görünmesini isterki?