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 »

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 »