Browser’lar varsayılan olarak javascript, css ve resimler gibi harici dosyaları önbelleğe (cache) alırlar. Genellikle bunu sayfa yeniden açıldığında daha hızlı yükleyebilmek amacıyla yaparlar. Bazen css veya javascript dosyalarımızın browser tarafından ön belleğe alınmasını istemeyiz. Bu sorunu aşağıdaki gibi kolayca halledebilirsiniz.
Aşağıdaki gibi bir sonuç alırsınız. time() fonksiyonu sonucunda elde edilen değer sürekli değişeceği için bu şekilde tanımlanan css veya javascript etiketi browser tarafından farklı bir dosya olarak algılanıp yeniden yüklenecektir.
Web sitenizde birden fazla css dosyası kullanıyorsanız sayfanızın yüklenmesi uzun sürebilir. Aşağıdaki php örneğini kullanarak css dosyalarınızı sıkıştırıp tek bir dosyada birleştirebilirsiniz. Hem tek dosya olması hem de gereksiz boşlukların ve yorumların temizlenmesi css dosyalarınızın daha çabuk yüklenmesini sağlayacaktır.
Zen kodlama kullandığınız editörde, html kodlarını ve CSS kodlamada sıkça kullandığımız id, class ve style gibi tanımlamaları çok kolay bir şekilde, çok ciddi bir zaman kazancı sağlayacak şekilde yazmamızı sağlayan bir eklenti/araç. Bir çok editör doğal olarak veya eklentilerle zen kodlamayı destekliyor. Yakın zamanda da tüm editörlerin destekleyeceğini düşünüyorum.
Peki nasıl bir şeydir bu zen kodlama ?
html:xt>div#header>div#logo+ul#nav>li.item-$*5>a
Yukarıdaki satırı editörümüze yazıp zen kodlamayı tetikleyecek kısayolu kullandığımızda (genellikle Ctrl+,) aşağıdaki gibi bir html kodu elde ediyoruz.
Scott Klarr isimli bir arkadaşımız hemen hemen her konuda cheat sheets diye tabir edilen kopya kağıtlarını bir araya toplamış. Programlama, bilgisayar sistemleri ve tasarım konularında çok sayıda kopya kağıdı mevcut. Elimin altında her konuda özet bir belge olsun diyenler için bire bir.
Son Yorumlar