Yeşil renkli ve mouse üzerine gelince renk değiştiren yatay açılır bir örnek. Mouseyi butonların üzerinde gezdirdiğinizde yeşil renk fade efekti ile mor rengine dönüşüyor. Ayrıca açılır liste de aynı şekilde fade efekti ile görünüp kayboluyor. Açılır liste aşağı kayan türden değil. Birde arama kutusu var. Arama kutusunun içine tıkladığınızda uzunluğu... Devamını oku »
Aslında tam olarak portfolyo amaçlı yapılmış olmasa da onun için de kullanılabilir bir örnek. Eski tarayıcılarda mouse üzerine geldiğinde resimlerin kararmasını sağlayan bir çalışma bu. Daha doğrusu resimleri kararmış gibi gösteriyor. Tek bir resim dosyasına biri siyah beyaz ve diğeri de renkli olan iki resim eklenmiş. Ana ekranda renkli olan... Devamını oku »
Web sitenizi süsleyecek 4 farklı renkte hazırlanmış Css3 menü örneği. Daha önceleri anlattığımız bir yazımızda Seçilebilir Link Özellikli diye bir konu anlatmıştık. Şimdiki menümüz özellik olarak hemen hemen aynı. Her ayrı sayfa için seçili olarak tutulabilen özelliğe sahip. Diğer örnekte her başlık için ayrı ayrı sayfa ekleyip menü başlığının nasıl seçili olarak... Devamını oku »
Hatırlayanlar bilirler bir zamanlar Facebook kullandı diye bir çok sitede kullanılmaya başlayan ve en çok arattırılan menü örneklerinden biri olan footerde(sayfanın en altı) sabit duran menü örneği. Genelde jQuery yada javascript olarak oluşturuluan bu örneğin bir de bütün tarayıcılarda çalışan Css3 sürümü mevcut. Sadece İnternet Explorer ve Google Cherome tarayıcılarında... Devamını oku »
Ali Farhadi tarafından yapılmış olan Html5 Sortable uygulaması Wordpress benzeri sürükle bırak örnekleri oluşturmanıza ve kullanmanıza olanak sağlıyor. WordPress blogcuların yakından tanıdığı bu özellik bileşenler sekmesinde sürükle bırak yöntemi ile bir bileşeni bileşen alanına taşımaya yarıyor. WordPress sisteminde bu özellik bir de menü oluşturma bölümünde kullanılmış. WordPress kullanıcıları için maksimum... Devamını oku »
Websiteleri üzerinden mutlaka rastlamışsınızdır site tarafından bir hata uyarısı yada güncelleme gibi bildirimlere. Bu gün ne paylaşayım derken web üzerinde yabancı bir sitede bulduğum Noty uygulaması biraz ilgimi çekmişti paylaşılacak bir konu olarak. Nede olsa bahsetmeye çalıştığım örnek site bildirimleri için çok geniş özelliklere sahip.
Uzun bir zaman boyunca kullanabilmek kısmet olmadı ama hala düşünüp duruyorum acaba bu SnapWire Wp şablonuna geri dönsem mi diye. Bir başka sitede gördüğüm için kullanmaktan vazgeçtiğim. Gerçekten SnapWire’nin tasarımına bakmak bile hoşuma gidiyor doğrusu. Bir haber yada magazin sitesinde kullanılması için olması gereken her şeyi kendi içerisinde barındıran SnapWire’ye... Devamını oku »
Web sitenizdeki resimlere su dalgası efekti vermeniz için yapılmış ve kullanımı süper kolay olan bir animasyon örneği. Resme sadece dalgalanma efekti vermek ile kalmayıp fotoğrafı ters düz edebilme özelliği de bulunuyor. İstediğiniz herhangi bir bölümde kolaylıkla kullanabilirsiniz. Sadece bu uygulamayı kullanarak çok güzel bannerler de yapabilirsiniz. Lake.js ile yansıma ve... Devamını oku »

FlashyMenu
Delay ve BackgroundPosition uygulamaları kullanılarak yapılmış olan bir tane çalışma. Animasyonları ve çalışma şekli oldukça dikkat çekici ve güzel tasarlanmış olsa da her yerde ve herkes tarafından kullanılabilir bir örnek olacağını düşünmüyorum. Ekranda dümdüz soldan sağa doğru uzanan bir çizgi ve mouse ile bu bölümün üzerine geldiğiniz anda çizgi aşağı... Devamını oku »
Eğer dikkat etmişseniz mutlaka karşılaşmışsınızdır. Bazı websitelerinde kategori linkine tıklayıp kategori sayfası açıldığında tıklamış olduğunuz kategori linkinin arka plan rengi diğer linklere göre farklı renkte olur. Aynı hover dediğimiz mouse üzerine geldiğinde renk değiştiren butonlar gibi. Bunun için .örnekDiv:hover özelliğini kullanırız. Tıklandığında linkin renginin değişmesini istiyorsak eğer hover yerine .örnekDiv:active... Devamını oku »