IETester ile sitenizi Internet Explorer sürümlerinde test edin

Uğur ÇELENK tarafından yayınlanmıştır 24. Ekim 2008 18:25

IETester nedir?
IETester, ücretsiz bir web tarayıcısıdır. 



Resimden gördüğünüz üzere türkçe dil desteği bulunmakta ve sayfa açarken versiyon seçerek açıyoruz.


IETester ne işe yarar?
IE8 beta 2, IE 7, IE 6 and IE5.5 sürümlerinde sitenizin(sayfanızın) nasıl göründüğünün ve javascriptlerin doğru çalıştığının kontrolünü yapmak için IETester tarayıcısını kullanabilirsiniz. Internet Explorer 6 kullanan halen ~25%'lik bir internet kitlesi bulunuyor maalesef. IE 6 ve IE 8 aynı bilgisayar üzerinde kurulamadığından IETester yardımımıza koşuyor.

IETester kurulumu için gereksinimler nelerdir?
IETester'ı kurabilmek için Windows Vista veya XP üzerinde IE 7 veya IE8 kurulu olması gerekmektedir.


IETester'ı nerden indirebilirim?
v0.2.3 versiyounu indirmek için buraya tıklayınız.. (24 MB)


IETester(v0.2.3)'ın eksik veya sorunlu yanları varmıdır?
- Resize(boyutlandırma) etmeye çalışıldığında içerik kaybolabiliyor. Bir sonraki versiyonda düzeltilecekmiş.
- İleri/Geri butonları tam anlamıyla çalışmıyor.
- Focus(odaklanma) tam anlamıyla çalışmıyor.
- Java appletler çalışmıyor.
- IE 6 ile flash çalışmıyor.


IETester hakkında detaylı bilgiyi nerden edinebilirim?
Detaylı bilgi için buraya tıklayınız..

Popüler javascript/ajax kütüphanelerinin karşılaştırması

Uğur ÇELENK tarafından yayınlanmıştır 16. Eylül 2008 02:57

Javascript/ajax kütüphanelerinin(library/framework) arasında en iyi kütüphanenin hangisi olduğunu bulmak için geçenlerde biraz araştırma yaptım. Danny Douglass'ın blog sitesinde 7 popüler javascript kütüphanesini(jQuery, YUI, Prototype, Dojo, MooTools, Ext JS ve Script.aculo.us ) inceleyip,karşılaştırdığını farkettim ve bunun üzerine en yüksek puan verdiği 3 kütüphaneyi(jQuery, YUI, Dojo) kurup inceledim ve sonuç olarak ben de jQuery kütüphanesini kullanmaya karar verdim.


jQuery (jQuery.com)

Zincirleme metod çağırma olayıyla dikkatimi fazlasıyla çekti. Microsoft'un programlama dillerine alışkın olanlar, jQuery öğrenirken pek zorluk çekeceğini sanmıyorum, syntax olarak çok benziyorlar.

Örneğin, jQuery kullanarak sayfada bulunan ve herhangi bir stile sahip olan/olmayan tüm linkler için bir stil uygulayıp(class atayıp), içlerine de "hello world.!" yazdırmak için yazmamız gereken satır sayısı sadece 1.! Nasıl mı?

$("a").addClass("class_deneme").html("hello world.!");

jQuery ile xml'den veri çekme işleminide 2-3 satırda yapabilmekteyiz, fade in/fade out/açılıp kapanma gibi efektleri vermek yine çok basit. Birkaç örnek daha görmek isterseniz buraya bakabilirsiniz.

Plug-in(eklenti) sayısı da oldukça fazla. Resim croplama, sayaç, form kontrolleri, drag and drop(sürükle bırak) gibi işlemleri plug-in'ler sayesinde kısa sürede gerçekleştirebiliyorsunuz.
Internet Explorer 6-7-8 (IE6-IE7-IE8), Firefox 2-3,Safari,Chrome ve Opera'da sorunsuz çalışıyor, browsera özel javascript kodu yazmak gibi büyük bir dertten de kurtarıyor.

Şuan release edilmiş son versiyonunda sıkıştırılmış hali ~30kb. (Yaptığı iş için çok ufak bir boyut diye düşünüyorum.)


jQuery öğrenmek isteyenler için eburhan'ın makalelerini tavsiye edebilirim :

jQuery ile çek bırak özellikli nesneler oluşturmak
jQuery ile hazırladıgım kalan karakter eklentisi
jQuery ve json işlemleri
jQuery ve olaylar
jQuery ve css işlemleri
jQuery ve seçiciler

Javascript kodları sadece head tagında mı bulunmalı?

Uğur ÇELENK tarafından yayınlanmıştır 27. Ağustos 2008 18:13

Yaklaşık 1 aydır üzerinde uğraştığım bir web projesinde, bolca css, W3C uyumlu xhtml kodlar ve yine bolca javascript kodları kullanıyorum. Haliyle bu kadar bol javascript kullanmam nedeniyle sayfanın açılış süresinin uzamasına neden oldu. Nasıl bu gecikmeyi engellerim diye düşünürken, aklıma bir çözüm geldi ama ne kadar mantıklı bir çözüm olup olmadığı konusunda tereddüte düştüm.
Bulduğum çözüm ise, external .js dosyalarının bir kısmını head tagları içinde değil de, form tagının kapanmasından hemen önce tanımlamak.

Peki head tagı içine koymamanın dezavantajları neler olabilirdi?
İlk olarak aklıma gelen body nin altında tanımladğımda yine sorunsuz çalışıp çalışmayacağıydı, hemen denedim ve sorun çıkmadı, zaten sayfanın load anında otomatik olarak çalışan bir js dosyası değildi zaten, tetitlenerek çalışıyordu.
İkinci olarak, acaba head tagında koymayınca yine bu .js dosyaları cachelenecek mi sorusu oldu. Hemen Firebug'ı açıp deneme yaptım ve head tagında bulunmayan .js dosyasını da cachelediğini farkettim.

Sonuç olarak tüm .js dosyalarınızı head tagında tanımlamanıza gerek yok, sayfa açılırken normalden daha uzun bir süre ziyaretçiye beyaz ekran göstermektense, biran önce ziyaretçiye sayfa içeriğini göstermenize olanak sağlamış olacaksınız.

İyi kodlamalar..


1

Altyapı olarak BlogEngine.NET 1.4.5.0 kullanılmış olup Türkçe çevirisi BlogEngine TR ekibi tarafından yapılmıştır ve tasarımı bana aittir. || Oturumu aç

 Friendfeed AkışımTakip Et

 Son Yorumlar

Yorumlar RSS

 Etiket Bulutu