Bir önceki paylaştığım menüden esinlenerek birde  sizlere  üst menü örneği hazırlamak istedim. Aklımda  tasarladığım menü başlıklarından önce fade  efekti  ile  kaybolan bir resmin ardından  başlıkların ortaya çıkmasıydı. İşin aslı iyice beynim sulandıktan sonra  animasyonlar  arasındaki zamanlama  hatalarından dolayı ortaya

Font  awesome ile hazırlamış olduğum bir  örneği  sizlere paylaşmak kısmet oldu  bu sefer. Anlatıma geçmeden önce belirtmek istediğim husus siz download  butonuna basıp dosyayı  bilgisayarınıza  indirdikten sonra  sizin kendi malınızdır 🙂 Aslında  jQuery kullanarak animasyonlu  oluşturmak istedim ki onuda yaptım yapmasına ama bana göre animasyonlu olmayanı daha  güzel duruyor.

Tam olarak kimin tarafından hazırlanmış  bir  çalışma olduğunu bilmiyorum sadece kaynak kodları içinde S-tada diye  rumuz  olabileceğini  düşündüğüm bir kelimeden başka  bir şey  bulamadım.  O yüzden kimin tarafından hazırlandığı hakkında pek  detaylı bir bilgi veremeyeceğim. Bu 3D  parallax  örneği  hakkında  elde  edebildiğim bilgi jQuery ve  Css3  geçişlerin yanında bir  javacript... Devamını oku »

Font  Awasome  ve Css3 kullanarak hazırladığım basit  bir menü  örneği.  Bu  örnekle ile  webesitenizin herhangi bir köşesindesosyal  ağ adreslerinizi  paylaşabilirsiniz. Mouse  ile  butonlar  üzerinde  gezdiğinizde jquery fade  benzeri bir  şekilde butonların arkaplanında  bulunan beyaz renk maviye dönüşüyor ve  sosyal  ağ ikonuda  beyaz  oluyor.  Mouseyi geri çektiğinizde  yine  aynı şekilde  eski... Devamını oku »

Kenny Ooi  tarafından geliştirilmiş jQuery jqFloat uygulaması web sayfanıza sürekli hareket eden animasyonlar eklemenize yarıyor. Demo sayfasında da göreceğiniz  animasyonlardan bazıları sürekli hareket ediyor. Bir  sağa bir sola durmadan yer değiştiren bulutlar ve kelebek örnekleri gibi. Bazı animasyonlar mouse üzerine gelince hareket ediyor. Gerçi demo sayfasında mouse üzerine gelince hareket... Devamını oku »

Menü örneğimiz sayfasnın sol tarafında  sabit  duruyor  ve mouse  ile  ok işaretine tıklandığında  adeta ikiye katlanmış  bir  kağıt  parçasının  düzelmesi  gibi  bir  efekte  sahip. Mouse  ile ok işaretine tekrar tıkladığımızda  menü örneği tekrar ikiye katlanıp sayfanın sol tarafında kayboluyor ve sadece  ok işaretleri kalıyor.

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?

Shingo Tamura tarafından jQuery ve Css kullanılarak hazırlanmış animasyonlu bir menü örneği.  Menü ikonları  yuvarlak  olduğu  için fazla  yer kaplamıyor  bu nedenle  sitenizde istediğiniz  herhangi  bir  yerde  kullanabilmeniz mümkün. İsterseniz  üst kısımda isterseniz  alt kısımda  kullanın bana  göre  her  bölüm için kullanılabilir  bir örnek.

Küçükken defterin her sayfasına birbirine benzeyen kareler çizerdik. Daha sonra çizme işlemi bittikten sonra parmağımızla defterin köşesinden tutup hızlı bir şekilde teker teker sayfaları bıraktığımızda ortaya hareketli görüntüler çıkardı. Eskiden filmler de bu şekilde yapılırdı. Hatta çok eski olan filmleri izlerseniz  kareler arası geçiş anını fark edebilirsiniz. Elinizdeki benzer resimleri... Devamını oku »

Web sitenize  uçuşan yazılar ekleyerek daha hareketli bir görünüm katmak istiyorsanız eğer animateText.js  birçok yazı efektini kendi başına yapabilen bir örnek. animateText.js ile sağdan sola,  soldan sağa, büyüyen, küçülen, solarak kaybolan yazı  efektlerini  kolaylıkla sitenize uygulayabilirsiniz.  Eskisi kadar sitede yazı efektlerine önem verenler azalmış olsa da ihtiyacı olanlar, kullanmak isteyenler... Devamını oku »