Banner olarak kullanabileceğiniz yada yazılarınızda kullanabileceğiniz güzel bir Css3 efekt. Tam olarak kimin tarafından hazırlandığını bilmediğim bu örnek Chad nickinde biri tarafından yayınlanmış. Quantum kelimesi gölge efektine sahip olduğu için ve 3D görünümde hazırlandığı için havada asılı bir görüntüsü bulunuyor. Lighting kelimesi ise arkaplanda batmış gibi bir görüntüsü var mouse... Devamını oku →
Kerning.js – Her harfe ayrı döndürme değeri
Bazı zamanlarda banner yada başlık oluştururken sırf değişiklik olsun diye kelime içindeki her harfi farklı pozisyonlarda yani birini sağa birini de sola doğru çevirerek kullanırız. Genelde banner çalışmaları için kullanılan bir tarzdır buda. Hatta birçok web sitesinin resim yamuk yumuk harflerle yaptıkları bannerleri kullandıkları da malum. Görüntü olarak hiçte fena... Devamını oku →
HorizontalMenu with easing
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
Beatiful vertical
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.
Fresco.js
Bu güne kadar birçok lightbox örneği paylaştık sizlere. Birçoğu birbirine benzeyen, bazılarında fazladan fazla özellikler olan örnekler gördük. Bu seferki lightbox örneği şimdiye kadar gördüklerimin en iyisi diyebilirim. Hem lightbox görevi görüyor hem de slidergörevi görüyor. Nick Stakenburg tarafından geliştirilmiş olan Fresco uygulamasını birçok alanda kullanabilirsiniz. Fresco ile eşleştirilmiş olan... Devamını oku →
Basit bir giriş paneli
Marco Biedermann tarafından hazırlanmış bir giriş formu örneği. Form örneği sadece tasarımdan ibaret olup herahngi bir işlevi bulunmuyor. Eklenmiş olan Twitter ve Facebook butonlarıda formalite icabı zaten. Facebook ve Twitter butonları için kullanılan iconlar Fonta Awasome ile eklenmiş. Bunun dışında
Grey horizontal navigation
Herhangi bir resim dosyası kullanılmadan hazırlanmış bu üst menü örneğinde bulunan açılır menüler için jQuery kullanılmış. Geri kalan kısmı sadece Css3 kullanılarak hazırlanmış. Bu yüzden sadece Webkitt destekli tarayıcılar üzerinde çalışmaktadır. Mouse linklerin üzerine geldiği an alt kategoriler açılıyor ve mouseyi çektiğiniz zaman da tekrar kapanıyor.
FlashyNav – Flash benzeri nasigasyon tasarımı
Flash benzeri site menülerini azçok bilirsiniz. Mouse linklerin üzerine geldiği anda linklerin bulunduğu arkaplan çerçevesi içinde başka bir renkte çerçeve hareket eder ve mouseyi tekrar geri çektiğinizde yada başka bir linkin üzerine geldiğiniz anda arkaplan tekrar kayar ve eski haline gelir.
Basit bir akordeon tasarımı
Akordiyon örnekleri hem menüler hem de içeriklerin eklenmesi için oldukça işe yarayan çalışmalardır. Genişliği kolay ayarlanabildiğinden hemen hemen her türlü alan içine sığdırılması çok kolaydır. Genelde menü örnekleri için kullanılıyor olsalar da resim, video ve yazı gibi içeriklerin eklenmesi için de çok kullanışlıdırlar. Buradaki akordiyon örneğimiz içerik eklemeniz için hazırlanmış.... Devamını oku →