Bazı web sitelerinin, footer bölümünde rastgele metinler, sayfa her yenilendiğinde farklı sözler görmüş olabilirsiniz. Bu elbette sitenizin içeriğine göre değişkenlik gösterecektir. Biz de sizlerle, oldukça hızlı tepki veren [...]

JavaScript ile çok çeşitli eklentiler geliştirebilmek mümkündür. Örneğin, her sayfa yenilendiğinde değişen yazılar göstermek isteyebilirsiniz. Blogunuzdaki öne çıkan yayınları, her sayfa yenilendiğinde değişecek şekilde [...]

Bazı web sitelerinde sayfa yenilendiğinde rastgele gösterilen güzel sözler, ipuçları, nasıl yapılır üzerine bilgiler görmüş olmalısınız. JavaScript ile her sayfa yenilendiğinde rastgele söz göstermek elbette mümkündür. Aşağıdaki kodları, temanızın [...]

JavaScript sağ tık engelleme birçok kişinin araştırdığı bir konu denilebilir. Yani sitenizdeki yazıların kopyalanmasını engellemek istiyor iseniz, bu yönde mevcut olan fonksiyonlar size yeterli olacaktır. Ancak [...]

Bir önceki içeriğimizde, jQuery ile cümle sonundaki kelimeyi kaldırmak için kısa bir kod paylaşmıştık. Şimdi ise, sadece JavaScript kullanarak cümle sonuna kelime eklemek nasıl oluyor, bunu öğreneceğiz. Aşağıdaki kodu, sonuna [...]

JavaScript'e olan ilgimi, içeriklerimizden fark edebilirsiniz. Geçtiğimiz içeriklerimizde zaten JS kullanarak bir yukarı çık butonu hazırlamıştık. Ancak şimdi alternatif bir yöntem ile bir eklenti daha hazırlamaya, düzenlemeye çalıştım sizler için. İlgili eklentiyi Blogger, WordPress v.b. tüm altyapılarınızda sorunsuzca kullanabilirsiniz. Internet Explorer 11 dahil, tüm yeni nesil tarayıcılar ile uyumlu olarak çalışmaktadır. Aşağıdaki adımları izlemeniz [...]

1 haftadır sadece JavaScript kullanarak yukarı çık butonu yapmaya çalışıyorum. Ancak birçok hazır eklenti tarayıcı uyumsuzluğunu beraberinde getirdi. Son olarak düzenlediğim küçük bir eklenti ile; Chrome, Firefox, Opera, Safari, Microsoft Edge, IE 11 ve Vivaldi Browser gibi birçok tarayıcı ile uyumlu bir yukarı çık butonu hazırlamayı başardım. jQuery hiç kullanılmadı ve saf JavaScript ile hazırlandı. Arzu ederseniz elbette CSS kodlarını kendinize [...]

Bildiğiniz gibi jQuery veya farklı bir dil ile kodlanmış slider'lar bazen sayfaların geç açılmasını sağlayabiliyor. Bu yüzden çok sade ve basit bir slider araştırırken, W3'ün hazırladığı bir derse denk geldim. Dolayısı ile yalnızca CSS ve JavaScript kullanımı ile çok basit bir slider yapmak ve bunu kendinize göre düzenlemek istiyorsanız, aşağıdaki derse göz atabilirsiniz. Manuel olarak web siteniz için slider eklentisi yapabileceğiniz gibi, bunu temel alarak otomatik [...]

JavaScript ile web sitelerimiz için küçük yenilikler yapabilmek her zaman mümkündür. Örneğin, web sitenize güncel tarihi yazdırmak, ziyaretçilerinize göstermek isteyebilirsiniz. Geçmişte JavaScript ile Tarih, Gün ve Saat gösterme ile ilgili kodları paylaşmıştım. Şimdi ise sizler için yalnızca güncel tarihi yazdırabileceğimiz, Türkçe olarak çalışan ilgili kodları paylaşmak istiyorum. İlgili kodlar otomatik olarak çalıştığı için, HTML/JavaScript destekleyen dilediğiniz [...]

Birçok yeni nesil web sitesinde yükleme çubuğunu veya ilerleme çubuğunu görmüş olmalısınız. Bu özelliği en pratik olarak pace.js ile kullanabiliriz. Pace.js nedir? Pace.js, bir JavaScript uzantılı dosyadır ve içerisinde bir adet CSS dosyası barındırır. Web sitesine eklendiği zaman ise otomatik olarak çalışmaya başlar. Yani sayfa yüklenme durumunu gösteren bir nevi işaret çubuğudur diyebiliriz. Kullanımı ise çok basit. Aşağıdaki adımları izlemeniz ise bu yönde [...]