XHTML / CSS / JavaScript kategorisindeki yazılar

Zaman uçup gidiyor ve yeni tarayıcılar eskilerinin yerini alıyor. Firefox, Chrome, Safari, Opera ve, elbette, Internet Explorer bile geçtiğimiz birkaç yıl içerisinde sayısız kez güncellendi.
İnternet tarayıcıları dünyasındaki dur durak bilmeyen bu gelişmeler, hangi tarayıcının halen pazarın hakimi olduğunu unutmamıza yol açabilir. Net Applications‘ın Pazar Payı verilerine göre halen, en çok kullanılan İnternet tarayıcısı, Ağustos 2001‘de yayımlanan Internet Explorer 6!
Peki bu nasıl mümkün? İnsanların Internet Explorer 6′yı kullanmasını durdurmaya yönelik aralarında Google’ın da bulunduğu pek çok kurum çeşitli kampanyalar düzenledi. Tüm bunların sonucunda insanların tarayıcıyı kullanmayı artık bırakmış olduğunu sanıyorsunuz öyle değil mi?

Web sitenizin özellikleri ne kadar fazla ise, sitenizin hızının yavaşlaması ve hatta sitenizin çökmesi an meselesidir. Her ne kadar kaliteli bir hosting şirketi ile anlaşıyor olursanız olun, yapacağınız bazı irili ufaklı iyileştirmeler ile sitenizin çalışma performansını arttırabilir, ziyaretçilerinize daha iyi bir deneyim yaşatabilirsiniz.
Web sunucunuzun yaptığı işleri azaltmak için bazı site özelliklerini üçüncü parti servis sağlayıcılarına aktararak web sitenizin yükünü hafifletebilirsiniz. Bu yazıda bulacağınız ve kolayca üçüncü parti servis sağlayıcılarına aktarabileceğiniz altı adet site özelliği sayesinde, web sitenizin performansını arttırmanız mümkün.
1. RSS beslemeleri
RSS beslemelerini sunucunuz üzerinden aktarmak sunucunuza çok miktarda yük bindirecektir. Bu özellikle çok miktarda aboneniz var ise geçerlidir. AllTop ve Technorati gibi web siteleri otomatik olarak RSS beslemenize abone olup düzenli aralıklarla sitenizin içeriğini depoladıkları için bu da sunucunuza fazladan bir yük bindirecektir. Aşağıdaki …

Bildiğiniz gibi Firebug, Firefox için üretilmiş bir debug konsoludur. Gelişmiş özellikler içerir. Ancak kimi zaman bunu iyiye kullanmak yerine tasarımınızı çalmak isteyen kullanıcılar çıkacaktır. Bunlara karşı Firebug’ı bloklamak isteyebilirsiniz. Bu doğrultuda şu adımları yapmalıyız:
Öncelikle Firebug’ın aktif olup olmadığını kontrol etmemiz gerekiyor. Bu yüzden “_firebugConsole” un doğru olup olmadığını kontrol edeceğiz. Biz buna ExtJS ile şu şekilde ulaşacağız. Bu yazı sayesinde bu zamana kadar öğrendiklerimizin bir çoğunu pekiştirmiş uygulama halinde görmüş olacağız.
var firebug = Ext.get(‘_firebugConsole’);
// firebug değişkeni içinde
if(firebug) {
// Eğer Firebug Aktifse … şunları yap
}
Şimdi aktif bir şekilde görelim:
Ext.onReady(function () {
// Ext HAZIR
var firebug = Ext.get(‘_firebugConsole’);
// firebug değişkeninde depola
if(firebug) {
//eğer firebug aktif ise :
Ext.fly(‘icerik’).hide().update(”);
// içerik id’sine git gizle ve içeriğini ” ile yenile
Ext.fly(‘block’).addClass(‘hata’).update(‘<h1>Firebug\’ı seçtin. Giremezsin</h1>’);
// block idsine Git ve oluşturmuş olduğum hata classını ekle …

Bir önceki yazımızda Ext.Fly konusuna değindikten sonra sıra Ext ve CSS işlemlerine geldi. Burada da Ext.fly‘ı kullanarak CSS işlemleri yapacağız. Bu nedenle Ext.fly‘ı anlamış olmanız gerekir. Çünkü CSS metotları Element Class’ı içerisinde yazılmıştır ve Ext.css() şeklinde bir kullanım mümkün değildir.
CSS işlemleri
Ext ile çok rahat ve detaylı bir şekilde CSS işlemleri yürütebilirsiniz. Ext’i bu konuda seveceğinize eminim. Ext ile CSS işlemi yaparken kullanağımız syntax Ext.get(‘el’).dosomething(); ya da Ext.fly(‘el’).dosomething(); şeklindedir. Biz Flyweight konusundan hatırlayacağınız gibi Ext.fly şeklinde kullanacağız. Şimdi konuya bir giriş yapma vakti. Bir iletişim formu hazırladığınızı düşünün… Bu formu AJAX ile yolladığınızda verinin yollanması yada hata oluşması durumunda bir işlem yaptırmanız gerekecek… İşlemin Başarılı ve Başarısız olma durumuna karşı iki CSS class ı oluşturalım.

Flyweight Design Pattern tek global objeler oluşturarak bunları tekrar tekrar kullanarak ram kullanımını minimize etmek için tasarlanmıştır. Daha fazla bilgi için bu adresi ziyaret edebilirsiniz.
Ext flyweight olarak kullanmak için global bir Ext.Element oluşturur. Bu global flyweight sonra DOM içindeki herhangi bir bölümde hedef olarak kullanılır. Bu flyweight objesine ulaşmak için “Ext.fly” metodu kullanılır. Ext’e yeni başlayanlar Ext.get mi yoksa Ext.fly mı kullanacakları konusunda şaşırırlar. (Bende bunlardan biriydim).
Eğer bir Ext.Element’ini sonradan kullanmak için bir reference olarak kaydetmek zorunluysa Ext.Get kullanın. Eğer bir element’i reference olarak depolamaya ihtiyaç yoksa Ext.fly kullanılmalıdır.
Konuyu kavramanız açısından şunu not olarak belirtmemde fayda olacağını düşünüyorum. Benimde bu konuyu kavramamda Ext takımından Aaron Conran’ın örneği çok faydalı olmuştu.