Rıza Sırman » Jquery

Css ve Javascript’lerden Querystring’leri Kaldırma

Rıza Sırman — Tue, 27 Dec 2011 00:27:45 +0000

WordPress temaları genellikle css ve javascript dosyalarını çağırırken dosya yolunun sonuna bir de versiyonu tanımlayan querystring ekler. Örneğin /wp-includes/js/jquery/jquery.js?ver=1.4.2 Bu da Page Speed gibi Google tarafından tavsiye edilen performans araçlarında da sayfanın cachlenme sorunu yaratacağı uyarısını verir. Hatta tam olarak verdiği mesaj “Statik kaynaklardan sorgu dizelerini kaldırın” dır. Bu querystring’lerden kurtulmak için temanızın functions.php dosyasının son satırına php tag’ı kapanmadan önce aşağıdaki satırları ekleyin. Querystring’lerin kalktığını göreceksiniz.

function _remove_script_version( $src ){
$parts = explode( '?', $src );
return $parts[0];
}
add_filter( 'script_loader_src', '_remove_script_version', 15, 1 );
add_filter( 'style_loader_src', '_remove_script_version', 15, 1 );

Jquery Grafik Eklentisi

Rıza Sırman — Fri, 11 Mar 2011 22:30:33 +0000

chart

Önceleri elde ettiğiniz istatistiki bilgileri bar chart, pie chart gibi grafikler ile listelemek önceden hem daha zordu hem de çok maliyetliydi. Çok net hatırlıyorum. Yazdığım bir anket istatistikleri sayfası için grafiklerle chart hazırlayacak bir eklentiye ihtiyacım olmuştu, bunu yapan bir ASP.NET kontrolü bulmuştum ve lisansı 3000 dolardı. Ayrıca her ürettiği grafiği .png formatında sunucuda saklıyor hosting alanını gün geçtikçe tüketiyordu.

Gelişen JQuery teknolojisi ile artık grafikler ile chartlar oluşturmak çok kolay ve çok ucuz. Geçtiğimiz günlerde yine bir charta ihtiyacım oldu, en iyi Jquery chart eklentilerini araştırdım ve en gelişmiş, kullanımı en kolay ve özelleştirilebilir eklentiyi sizinle paylaşmak istedim.

http://www.highcharts.com adresinden indirebileceğiniz eklentinin kişisel kullanımı ücretsiz. Ticari kullanım lisansı ise sadece 80 dolar. Demo sayfalarından da ne kadar çeşitli ve fonksiyonel chartlar, grafikler üretebileceğinizi inceleyebilirsiniz. Alternatif eklentiler araştırmanızda elbette ki fayda var. Ancak büyük bir olasılıkla bu eklenti bütün ihtiyaçlarınızı karşılayacaktır. API’sini incelemenizi de öneririm. Çok fazla geliştirilebilir, özelleştirilebilir özellikleri mevcut

Jquery Twitter Eklentisi – Plugin

Rıza Sırman — Fri, 17 Dec 2010 14:04:02 +0000

Bu eklenti ile web sayfanızda twitter’dan gönderdiğiniz tweet’leri yani mesajlarınızı görüntüleyebilirsiniz.
Yapmanız gereken Jquery‘nin son sürümünü sitenize ekledikten sonra, eklentinin .js dosyasını da sitenize eklemek. Css dosyasını ve gerekli tüm dosyaları aşağıdaki download linkinde bulabilirsiniz. İsterseniz eklentinin son güncel halini buradan indirebilirsiniz.

Projenize eklentiyi bu şekilde ekleyin

Ayarlarınızı Özelleştirin

$(document).ready(function() {
	$("#twitter").getTwitter({
		userName: "rizasirman",
		numTweets: 5,
		loaderText: "Mesajlar yükleniyor...",
		slideIn: true,
		showHeading: true,
		headingText: "Twitter Mesajlarım",
		showProfileLink: true
	});
});

userName: Tweet’lerini listeleyeceğiniz twitter hesabının kullanıcı adı
NumTweets: Sayfada görüntülenecek mesaj sayısı
LoaderText: Mesajlar yüklenirken görüntülenecek uyarı
SlideIn: Bunu pek kurcalamadım ama efekt olsa gerek
showHeading Ekran’da başlığın görüntülenme durumunu belirler. true: görüntülenmesi için, false: görüntülenmemesi için
headingText Başlık
showProfileLink http://twitter.com/rizasirman gibi twitter profilinizin linki görüntülenir. Görüntülemek için true, görüntülenmemesi için false girebilirsiniz.

Twitter eklentisini indirin.

Jquery 1.4.4 çıktı

Rıza Sırman — Wed, 01 Dec 2010 09:01:40 +0000

Birçok web sitesinin yapımında kullanılan, Javascript kütüphanesi Jquery’nin 1.4.4 sürümü çıktı. Bu yeni sürümü buraya tıklayarak indirebilirsiniz.. Önceki 1.4.3 sürmümüne göre birçok bug’ın giderilmesi ile birlikte .fadeToogle() gibi bir de yeni animasyon metodu içeriyor. Bildiğiniz gibi animasyon kütüphaneleri ile birlikte Jquery nerdeyse Flash’ın geleceğini öldürdü ve flash kullanmadan arama motoru dostu siteler tasarlamamıza imkan sağladı. Jquery 1.4.4′ün özelliklerini ise buraya tıklayarak inceleyebilirsiniz.