Tek safa içinde hemen hemen tam boy diyebileceğim bir genişliğe sahip animasyonlu dönen resim galerisi istiyorsanız tam size göre. Demo sayfası ilk yüklendiğinde bütün resimler tek çerçeve içinde duruyor. Bütün resimlerin yüklenme işlemi bittikten sonra slayt olarak resimleri inceleyebileceğimiz bir konuma geçiyor. Sol alt tarafta bulunan sağ ve sol... Devamını oku →
İtekleyince içeri batan 3B buton tasarımı
Simon Picos tarafından sadece Css3 kullanılarak hazırlanmış bir buton örneği. Butonun benzerlerinden farkı biraz daha gerçekçi görünüyor olması. Butonu tıkladığınızda buton içeriye batıyor ve mouseyi geri çektiğinizde tekrar eski haline dönüyor. Bu tip butonun bir çok benzeri var ama butonu asıl farklı kılan ise gölgesi. Butonla beraber gölge alanıda küçüldüğü... Devamını oku →
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 →