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. Brandammo tarafından geliştirilmiş jQuery flashyNav uygulaması ile flash benzeri... Devamını oku »
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 »
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 »
Facebook sitesinin popülerliğini herkes bilir. Ne yapsa, ne etse birileri aynısını çıkarır. Özellikle resim, video gibi içeriklere tıklandığında aynı çerçevede başka bir kutu içinde açılma özelliği bir çok site tarafından kullanılıyor ve buna benzer uygulamalar geliştiriliyor. jQuery FrameWarp uygulaması da Facebook benzeri tıklandğında içeriğin başka bir kutu içinde açılmasını sağlayan... Devamını oku »
Twitter’da benim en çok şikayet ettiğim özelliktir mesajlarda sınırlama olması. Gereksiz bir özellik değil elbette. Hem Twitter sitesinin yükü azalıyor bu limitlerle hemde aşırı spam gönderilmesinin önüne geçiliyor. Gerçi gelen mesajların 99.99% hala spam olsa da bandwith açısından adamların işine geliyor karakter sınırlamak. Form kutusunda ayrıca harf sayacı olduğu için... Devamını oku »
İçerisinde resim dosyası bulunmayan Css ve Html5 nav elementi ile hazırlanmış bir navigation menü. Aslında navigation kelimesinin türkçesi navigasyon olarak geçiyor ama internette bu tür örnekler için navigasyon kelimesi pek geçmediği için mecburen ortama ayak uydurmak için navigation diye başlık attım. Menü örneğimizde her link için ayrılmış olan bölüm üzerine... Devamını oku »
Resim kullanılmadan sadece Css3 ile hazırlanmış bir buton örneği. Mouse ile bastığınızda içeri doğru batıyor ve geri çektiğinizde eski haline geri geliyor. Bu işlem esnasında gölgeside butonun içeri batmasıyla beraber küçülüyor.
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 »
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 »