Merhaba Arkadaşlar, Eğitim serimizin bu makalesinde sizlere bir tooltip eklentisinin nasıl yazılacağını , nasıl çalıştırılacağını ve Html düzeninin nasıl olması gerektiğini anlatacağım. Bu makale sonunda sizlerde bilgi baloncukları olarak kullanılan Tooltip’ leri belli bir düzende oluşturarak projeleriniz içerisinde tek bir eklenti vasıtası ile kullanabileceksiniz.
Merhaba Arkadaşlar, Bu makalemizde sizlere normal bir şekilde oluşturabileceğimiz akordiyon içerik alanımızı bir eklenti haline dönüştürmeyi ve kısa bir dökümantasyon ile insanlara nasıl kullanabileceği hakkında bilgi verebileceğinizi anlatacağım. Bu makale sayesinde de kendi akordiyon eklentinizi oluşturabilecek ve her projede tekrar tekrar yazarak kaybedeceğiniz zamanı bu eklentiyi geliştirmek için harcayabileceksiniz.
Merhaba Arkadaşlar, Yeni eğitim serimizin ilk makalesi ile birlikte uygulamalarımızı yayınlamaya başlıyoruz. İlk olarak eklenti yazmanın temelinden bahsederek işe başlayacağız. Bir çok değişik proje de yazdığımız kodlar o proje ile sınırlı kalarak yeni ihtiyaçlarda tekrar tekrar yazılmak zorunda kalıyor. Bunun yerine bu eğitim serisi sayesinde öğreneceğiniz teknikler ile birlikte bir kere yazdığınız kod bloğunu bir […]
Merhaba Arkadaşlar, Bugünkü makalemizde bir çok grafik gösterimlerinde , geri sayım araçlarında kullanılan ProgressBar’ ları işleyeceğiz. İlk önce Css ile görünümümüzü tamamlayacağız ve daha sonra jQuery yardımı ile ufak animasyonlar vererek bu küçük tasarımımızı güzelleştireceğiz. Çalışma mantığı olarak baktığımızda iç içe iki adet div’ imiz olacak ve üstteki div progressbar’ ın sınırlarının belirleneceği alan olacaktır. […]
Merhaba Arkadaşlar, Eğitim serimizin bu konusunda jQuery ile Tab Menü yapımını göreceğiz. İnternet üzerinde yapacağınız kısa bir araştırma sonucunda bir çok yöntem ile yapılmış halini bulabileceğiniz bu sistemi ben bugün ” eq selector ” ile anlatacağım. Çalışma mantığından kısaca bahsetmek gerekirse ” eq ” ile yapacağımız işlemler sonucunda Tab’ lerin başlıklarının bulunduğu alanlardan birincisine tıkladığımızda […]
Merhaba Arkadaşlar, Eğitim serimizin bu makalesinde de örneklerimize devam ediyoruz. Css içerisinde Sprite şeklinde nitelendirdiğimiz ve resim üzerine mouse imlecini getirdiğimizde resmin bir efekt ile hareketlendirilmesini sağlayan sistemi bugün uygulamamızda göreceğiz. Ancak bunu css yerine jQuery Animate metodu ile uygulayarak daha güzel bir efekt sağlayacağız. İşlemlerimize başlarken ilk olarak kendinize hover efekti uygulayacağınız bir resim […]
Merhaba Arkadaşlar, Eğitim serimizin sıradaki başlığı için bu uygulamamızda akordiyon menü yapımını göreceğiz. En kısa şekilde bu menü biçimini anlatmak gerekirse; Web sitelerinde menü bileşenlerinin üzerine mouse imlecini getirdiğimizde bazılarının alt menü başlıklarının da bulunması sebebiyle karşımıza bir açılır menü görüntüsü çıkmaktadır . İşte ben de sizlere bu tarz bir işlemin nasıl yapılacağını göstereceğim. Uygulamamıza […]
Merhaba Arkadaşlar , Eğitim serimizin sırada ki makalesi olan ” Yukarı Çık / Aşşağı İn Uygulaması ” için bugün de bir uygulama eşliğinde makalemizi yazacağız. Gayet basit ve içeriğinin ne anlama geleceği hemen herkes tarafından anlaşılabilecek olan bu uygulama da sitelerde bol bol gördüğümüz ” Yukarı Çık ” butonunun yanı sıra uzun sayfaların bulunduğu sitelerde […]
Merhaba Arkadaşlar, Eğitim serimizin bu günkü makalesinde sayfaların ön yüzeyinde gördüğümüz ve genellikle bir yerinde ” Yükleniyor ” yazan veya bir resim ile belli edilen sayfa yükleme işlemlerinden bahsedeceğim. Bu işlemin yapılma nedeni ; genellikle bol resimli tasarımların yüklenmesi de zor olacağı için kullanıcının bu aşamaları görmesi yerine bir yükleme efektinin ardından tüm resimler tasarım […]
Merhaba Arkadaşlar, ” Basit jQuery Uygulamaları Yazıyoruz ” isimli eğitim serimizin bu makalesinde de sizlere fare tıklama işlemlerinden bahsedeceğim. Bazı web sitelerinde gördüğümüz bu özellik karşımıza site içerisinde herhangi bir alanda farenin sağ tuşuna tıkladığımızda ya hiç bir işlem yapmamakla ya da Farenin sağ tuşuna tıklanamayacağına dair bir uyarı yazısı ile çıkmaktadır. Site sahiplerinin bu […]