Bu makalede, JavaScript ve jQuery kullanarak interaktif bir fare takip animasyonu oluşturmanın adımlarını detaylı bir şekilde öğreneceksiniz. Web geliştirme dünyasına adım atmak isteyenler için uygun olan bu örnek, temel web teknolojilerini kullanarak sayfanıza çekici bir öğe eklemenin pratik yollarını sunuyor. HTML, CSS, JavaScript ve jQuery kullanımını içeren bu makale, animasyon... Devamını oku →
jQuery’de bir onay kutusunun işaretli olup olmadığını nasıl kontrol edilir?
Bilirsiniz bazen oluşturduğumuz input elementini üyeler seçtiğinde bir uyarı yada bilgi göstermek isteriz. Şunu seçerseniz böyle olur yada şöyle olur gibisinden uyarılar. jQuery ile birkaç satır ile ziyaretçilere bunu gösterebiliriz.
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
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 →
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.
3D hareketli web-sayfası tasarımı
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 →
Tıklandığında açılan çerçeve içinde link yüklenmesi
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 →
Html textarea karakter sınırlaması
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 →