Yine tympanus sitesi tarafından hazırlanmış mükemmel bir örnek daha. Mary Lou tarafından Css3 ve jQuery kullanılarak ahzırlanmış olan bu 3 boyutlu örneğin en güzel tarafı 3d görünümün dışında mousenin sağ ve sol taraftaki paneller üzerinde gezdiği anda panellerde olan hareketlilik.
Oldukça güzel tasarlanmış yan-menü
Css3 örnekleri isteyenler için oldukça güzel tasarlanmış bir yan menü örneği. Toby Pitman tarafından hazırlanmış olan ve websitelerinizin yan bölümlerinde kullanabileceğiniz dikey menü örneği jQuery menü tarzında tamamen Css3 kullanılarak hazırlanmış.
50+ jQuery ve Css3 ile hazırlanmış yatay menü örneği
Websiteleriniz için özgürce kullanabileceğiniz 20 adet menü örneği. Birbirinden farklı tasarımlar ve animasyonlarda oluşan bu menü koleksiyonu içinde zevkinize uygun bir menü örneğini mutlaka bulacaksınız. jQuery ve Css3 ile hazırlanmış olan bu üst menü örneklerinde hover efektleri ve değiişik animasyonlarda bulunuyor.
Sayfadaki nesneleri hareket ettiren javascript jqFloat.js
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 →
Html5 sosyal medya ikon tasarımı
Marco Biedermann tarafından hazırlanmış sosyal ağ ikonları örneği. Sadece Css3 kullanılan bu örnekte kullanılan ikonlar Font Awesome ile import edildiş. Örneğin geri kalan kısmı tamamen Css3 ile tasarlanmış. Bir tooltip benzeri hazırlanmış bu örnekle sitenizin herhangi bir köşesinde sosyal ağ adreslerinizi yayınlayabilirsiniz.
Bacon – Çerçeve şekillerine göre makaleyi hizalama
Demo hakkındaki resim biraz garip ve sanırım hiç ilgi çekici bir yanı da ok gibi görünüyor. Biraz karmaşık olduğundan dolayı paylaşıp paylaşmama konusunda çelişkili bir durum içinde olsam da bazı sitelerde bu tip yazılar kullanabilmek için resim üzerinde hazırlayıp kullandıklarını bildiğim için paylaşmak istedim.
DropDown üst-menü çalışması
Sitenizde kullandığınız zaman sayfanın en üstünde sabit bir şekilde duruyor menü örneğimiz. Sayfa aşağı yukarı kaydırdıkça sayfa ile beraber o da aşağı ve yukarı doğru kayıyor. Mouse ile linklerin üzerine geldiğinizde alt menü çerçevesi açılıyor. Çerçeve yüksekliği biraz kalın olsa da tasarım gayet başarılı. Linklerin başlıklarında da text-shadow yani yazılara... Devamını oku →
Font Awesome ile hazırlanmış mp3 player tasarımı
İlk bakışta bunun bir mp3 player olduğunu zannedebilirsiniz. Ama tahmin ettiğiniz gibi bu bir mp3 player örneği değil maalesef. Tabi ki biraz uğraşarak html5 audio elementi için kullanabilirsiniz. Yalnız dediğim gibi bir mp3 çalar değil. Tasarım açısından oldukça başarılı ve güzel görünen bir örnek. Kendinize göre düzenleyip değişik uygulamalarda kullanmak... Devamını oku →
TimeLine.js – Hayatınızı anlatan bir zaman tüneli tasarlayın
Yine Facebook sitesinden esinlenerek hazırlanmış olan bir uygulama. Facebook sitesinin hayatımızda yaptığı değişiklikler saymakla bitmez.İster iletişim kurmak olsun ister resim, video gibi önemli dosyalarımızı paylaşmak/saklamak olsun bir çok alanda bize nimetler sunuyor. Facebook’a bu övgüleri etmemin nedeni elbetteki Facebook sitesini sevmemden kaynaklanan bir şey değil. Hem o kadar sosyal ağ... Devamını oku →