yslow | bildirgec.org

Her profesyonelde olduğu gibi, internet tasarımcılarının kullandıkları aletler de yaptıkları işlerin kalitesini belirler. Dışarıda internet tasarımı üzerine kullanabileceğiniz oldukça çok sayıda uygulama mevcut. Ancak bazıları var ki, kalabalığın arasından sıyrılıp öne çıkıyor. Bu yazıda en iyi olarak belirtilenler, popüler olarak en çok kullanılan araçlar oluyor.

SixRevisions sitesinde yapılan bir oylama sonucu göre işte sonuçlar.

5. Fireworks

Adobe tarafından geliştirilmiş ve piyasaya sürülmüş olan Fireworks, hem windows hem de Mac üzerinde çalışabilen bir vektör grafik editörüdür. Photoshop'tan farklı olmak üzere, sadece web tasarımcıları için geliştirilmiştir. Site yayılım tasarımına kadar birçok araç Fireworks ile beraber gelmektedir.

Hızlı tasarım yapılmasını sağlayan, tasarımın bir resim halinden HTML/CSS haline dönüştürmede kullanılan dilimleme özelliği ve site denemesi olarak, bütün site tasarımını üzerine tıklanabilen etkileşimli pdf haline dönüştürebilmesi en önde gelen özellikleri arasında sayılabilir. En iyileme araçlarını da unutmamak gerekir.

bir sitenin en önemli unsurlarından biri de sitenin açılış süresidir. sunucu kalitesinin etkisinin büyük olduğu tartışılmaz. ancak sitenin taşıdığı öğeler de açılış süresine etki edecektir. sitelerinizde kullandığınız görselleri optimize ederek sitenizin açılış süresini kısaltabilir ve ek olarak bant genişliğinden tasarruf edebilirsiniz. bu konuda kullanabileceğiniz araçlar:

Web resizer: siteler ve e-posta kampyaları için görselleri optimize edebilirsiniz. bir programa ihtiyaç duymadan resim kırpma, çevirme, çerçeve ekleme, format değiştirme gibi özellikler mevcut.

Smush.it: yahoo aracı birden fazla görseli aynı anda düzenlemeye imkan veriyor. gerek yükleme yaparak gerekse de bir adres belirterek kullanabilirsiniz.

Web sitelerinde hız önemlidir. Site ne kadar hızlı açılırsa verim o kadar yüksek olur ve kullanıcıların etkisi daha fazla olur. Yavaş açılan servislere kullanıcılar bir süre sonra girmek istemezler. Bu sorunlar sayfanızda, serverda vb. gibi birçok etkende olabilir. İşte bunları test eden en iyi 5 araç;

Yahoo! YSlow

Yslow tüm hız optimizasyon araçları bulunan bir servis. Sayfalarınızın hızlarını, ziyaretçi sayıları ve verimliği size sunar. Hızı arttırmak için yöntemler önerir. İçerik, sunucu, çerez, CSS, JavaScript, resimler ve mobil olmak üzere 7 bölümden oluşmakta. Ayrıca Firebug entegreli olarak bir firefox eklentiside bulunmakta.

Web Page Analyzer

URL girildikten sonra web sitesini analiz eder ve raporu size verir. Sayfa boyutu, kompozisyon ve indirme zamanı gibi birçok şeyi hesaplar. Sitenizin tüm istatiklerini, iyi kötü ne yaptığını bu servis ile öğrenebilirsiniz.

Firefox, her geçen gün popülerliğini arttırıyor. Bunun yanında sürekli yeni eklentiler yapılıyor.

Web geliştiricileri için faydalı olabilecek eklentilere aşağıdan ulaşabilirsiniz.

1 - Web developer's toolbar
Bu araç ile sayfaları daha çabuk optimize edebilirsiniz.

2 - Firebug
Firebug oldukça güzel bir web geliştiricisidir. Hata ayıklama, özel css ekranı gibi ek özellikleri bulunuyor.

Firebug daima web geliştiricileri arasında en yoğun kullanılan en popüler araçlardan birisi olmuştur. Firefox'u muhteşem yapan eklentilerden birisi bence. Bu yazıda firebug kullanmanız için sizi ikna edebilecek 10 konudan bahsedeceğim.

Sebep 1: Konsol

firebug'ı açınca ilk farkedeceğiniz şey (ister sağ alttaki simgeye tıklayarak açın, ister ctrl+f12 kısayolunu kullanın) karşınıza çıkacak olan konsol paneli olacaktır. Firefox'un hata konsolu ile çok benzeştiğini düşünseniz de, ortak özellikleri şunlar:
- Hata, uyarı, ikaz görüntüleme
- Javascript kodu çalıştırabilme
Ancak firefug konsolu eşsiz kılan ek özellikler şunlar:
- Javascript, CSS, XML, xmlhttprequest (ajax) ve firefox'un kendi iç hatalarını görüntüleyebilir.
- mevcut sayfa üzerinde javascript kodu çalıştırabilir.
Örnek bir sayfa üzerinde incelemek gerekirse.

sebep 2: HTML

Firebug'un panelleri arasında belki de en çok zaman geçireceğiniz panel html paneli.
- 1. Ögeyi incele olarak çevirebileceğimiz bu düğme, hem hangi ögeyi incelediğinizi kısaca size gösterirken, hem de istediğiniz tag'i seçme konusunda inanılmaz bir kolaylık sağlıyor.
- 2. Burada seçili olan tag'in hiyerarşik yapısını görebilir ve üzerinde değiştirmekten silmeye kadar her türlü işlemi yapabilirsiniz.

Tasarımcılar ve web geliştiricilerinin (webmaster) büyük çoğunluğu firefox kullanıyor. Bunun nedeni çoğunlukla eklenti desteği. Eklentiler sayesinde tarayıcının performans ve kapatisesi sonuna kadar kullanılabiliyor. Bu sayede web geliştiricileri zamandan kazanıyor ve işlerini daha kolay yapıyor. Aşağıda firefox ile birlikte kullanılarak webmasterlerin işini büyük ölçüde kolaylaştıracak 22 eklentiye yer verilmiştir.

Web Developer Toolbar

Geliştiriciler için basit ve kullanışlı bir araç çubuğu.

Firebug

Web sayfasının CSS, HTML ve JavaScript kodlarındaki hataları bulabilir ve onarabilirsiniz.

Page Speed

Açık kaynaklı bir eklenti. Sayfa hızının performansını değerlendirebilir ve nasıl iyileştirebileceği konusunda tavsiye alabilirsiniz.

FirePHP

FireBug konsoluna mesaj göndermeye yarar. Firebug yüklenmiş ve "net" paneli aktif olmalıdır. Bir adette PHP kütüphanesi yüklemelisiniz.

YSlow

FireFox tarayıcısını kullanılabilir kılan hızlı olması ve mükemmel derecede eklenti desteğininin olmasıdır. FireFox add-ons dizininden Firefox için eklenti seçebilir ve anında kullanmaya başlayabilirsiniz. Bu yazımızda web geliştiricileri için faydalı olacak olan bir takım eklentileri tanıtacağım. Aşağıdaki tarz eklentilere buradan daha kalabalık bir liste olarak erişebilirsiniz. Bu yazıyı yazarken kaynak olarak şurası kullanıldı.
Firebug
Firefox'un kaynak göster özelliğinin geliştirilmesiyle oluşan ve CSS, HTML ve JavaScript özelliklerini düzenleyebilen ayırca hata ayıklayabilen mükemmel bir eklentidir. Firefox üzerinde en aktif kullandığım eklenti diyebilirim.