16 Ekim 2008 // {victory}
1 vote, average: 5,00 out of 51 vote, average: 5,00 out of 51 vote, average: 5,00 out of 51 vote, average: 5,00 out of 51 vote, average: 5,00 out of 5 (1 oy) Bir saniye ... Bir saniye ...
Paylaş
Digg
FriendFeed
Technorati
StumbleUpon
Şimdi opereysin.com'da: Bir Ayıcık Masalı

Smooth Scroll: Sayfalarınız yumuşak kaysın...

Hemen hepimiz sayfalarımızda Javascript kullanmayı seviyoruz. Sayfaları yüklerken, sayfaları yüklemeden sunucuya bilgi gönderirken, sayfalara esneklik kazandırırken, etkileşimli arayüzler oluştururken elimizin altındaki en büyük yardımcı Javacript oluyor. İnternette pek çok ücretsiz script var, herkes arzusuna uygun kodu elde edebiliyor.

Evet, Javascript kullanmanın pek çok faydası var ama; hemen her site, kullandığı Javascript miktarını sınırlandırmaya bakıyor. Neden mi? Çünkü sayfalarda yer alan her öğenin sayfanın yüklenme süresini arttıracağı biliniyor ve bir noktada Javascript kullanmanın zararı, faydasını aşıyor. Hele büyük çaplı Javascript kodları tek başlarına sayfaları şişirmeye yetebiliyorlar.

Neticede hemen her sitede bir kaç Javascript kodu yer alıyor, siteyi hazırlayanlar bağırlarına taş basıyor, fazlasını eklemekten kaçınıyorlar.

Bugün tanıtmak istediğimiz df Smooth Scroll bu noktada diğer Javascript kodlarından öne çıkıyor. Sayfalara eklenebilecek bir bağlantıyla sayfanın bir yerine yumuşak bir geçişle inilebilmesini sağlayan bu kullanışlı script, sadece 1024 byte tutuyor. Düz hesapla 1 kilobayt.

df Smooth Scroll, düşük dosya boyutu, uygulamasının kolay olması, çapraz tarayıcı desteği ve kaynak dosyasını içermesi sebebiyle akranlarından ayrılıyor.

“Kaynak dosyasını içermesi mi? Javascript kodu zaten elimize geçmiyor mu?” diyebilirsiniz. Haklısınız, normal bir Javascript kodunu görebilmek için ayrıca bir kaynak dosyasına ihtiyacımız olmuyor. Ancak üreticisi, kodu 1 kb’a sınırlandırabilmek için paketlemiş ve bu dosyaya da smooth.pack.js ismini vermiş. Bu Javascript dosyasındaki kodlar sıkıştırılmış halde.

Dosyada eval fonksiyonunun kullanıldığını görenlerin canı sıkılabilir. Gerçekten de bazı zararlı kod parçaları da eval fonksiyonuyla sıkıştırılarak gelebiliyor ve web sitelerinden bilgi çalabiliyorlar.

Ancak Scriptle beraber gelen yaklaşık 3 kilobaytlık smooth-src-comments.js dosyası kodların açılmış halini gösteriyor. İşte bu dosya, yukarıda bahsettiğimiz kaynak dosya oluyor.

Script’in Demo’sunu görmek için buraya tıklayabilirsiniz.

Script’i kullanmayı düşünürseniz, buradan indirebilirsiniz.

Deziner Folio tarafından üretilen script, kullanıma sunulduğu 8 Ağustos’tan bugüne kadar 30,000 kerenin üzerinde indirilmiş.

Etiketler: , , , ,
Bu yazı 16 Ekim 2008 günü, saat 4:00 sıralarında victory tarafından yayınlandı. İlgili olduğu kategori: Net Hafiyesi, Yaz bi yere, İşe yarar. Bu yazıya yapılacak yorumlardan haberdar olmak için RSS 2.0 beslemesini kullanabilirsiniz. Yorum yapabilirsiniz, veya kendi sitenizden geri izleme yapabilirsiniz.

“Smooth Scroll: Sayfalarınız yumuşak kaysın…” için 1 Yorum
Yorum Sıralaması:
Puana Göre | Tarihe Göre

 

mustafa
Avatar
17 Ekim 2008
21:09
Bu yorumu kimse tutmamış.

Bunu yapmak jquery ile birkaç satırlık iş. Jquery kullanan için bu script bir bookmark kıymetinde değil :)

Fikir Beyan Edin

Opereysin.com üyesiyseniz, yorumunuzun sahipsiz kalmaması için giriş yapabilirsiniz. Üye değilseniz, 1 dakikanızı ayırıp üye olabilirsiniz. Yorumlar, onaydan geçmeden yayınlanmazlar.

Türkçenin doğru kullanıldığı yorumları seviyoruz. (Nasıl yazmalıyım?)
Çesnili olacaksa: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> etiketlerini kullanabilirsiniz.

Yorum Ön İzleme > Göndermeden önce bi' bakın.
Kısayollar
2 sütun