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 »

Login panel
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

StackImage
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.

Sinema Modu
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?