Kategori: JavaScript

Akordeon Menü ile Tab Uygulaması Birlikte

Geçende bir projede böyle bir uygulama yapmak durumunda kaldım. Projede kayan menü olacak ve bu kayan menüdeki bağlantılara tıklandığı zaman içerik “kaybolma” efektiyle görünecek.

İnternette böyle bir uygulama göremedim. Ben de madem öyle kendim yazayım dedim. Uygulamada jQuery kütüphanesi kullandım. Javascriptte fazla bir tecrübem yok ama iyi bir sonuç elde edebildim. Bunu da sizinle paylaşmak istedim. Belki sizin projelerinize fikir kaynağı olabilir ya da üzerinde değişiklik yapıp geliştirebilirsiniz.

Devamını oku »

jQuery ile Animasyonlu “Başa Dön” Butonu

Uzun sayfalar için oldukça önemli birşey bu “Başa Dön” bağlantısı. Sayfa uzadıkça sitenin yönlendirme bağlantılarından da uzaklaşılır. Bunları tekrardan kullanabilmek için sayfanın başına gitmek gerekir. Bunda da dikkat edilmesi gereken önemli bir konu var. Bu “Başa Dön!” bağlantısını insanların dikkatini dağıtmayacak bir yere koymalıyız. Yoksa ziyaretçilerin dikkatlerini dağıtıp içerikten uzaklaştırabilir.

Bağlantıya doğrudan “#” vererek de bu çözülebilir aslında. Ama amacımız çoğu zaman sitemizde değişik aksiyonların olması değil mi? Ayrıca diyez vermek bazı tarayıcılarda değişik sorunlara da sebep olabiliyor. Bunun için değişik eklentiler, değişik javascriptler mevcut. Ama kim böyle ufak bir özellik için sunucusuna yüklenmek ister? Ben de internette gezerken böyle basit bir işlem için kısa bir kod buldum: Animated scroll to anchor/id function with jQuery

Devamını oku »

Sitenizi Hızlandırın!

Sitemizin tasarımını yaparken ve kodlarını yazarken yaptığımız ya da yapmadığımız bazı şeyler sitemizin açılış hızını büyük ya da küçük oranda etkiler. Sitemizin daha hızlı açılabilmesi için aşağıya birkaç ipucu ekledim. Bazıları sadece birkaç dakikanızı alabilecek bu işlemler sitenizin açılış hızını oldukça fazla etkileyecek. Bana güvenin.

İşte hala yapmadıysanız, yapmanız gerekenler:

Devamını oku »