Webmasterlar için 4 Firefox Eklentisi
31 Temmuz 2009
Bahsedeceğim eklentiler Html Validator, Font Finder, Measure It ve ColorZilla.
Html Validator, görüntülediğiniz sitenin W3C standartlarıyla uyumunu kontrol edip kodlamadaki hatalı yerleri gösteriyor. Font Finder ile bir sitede kullanılan yazı tipini görebiliyorsunuz. Measure It ile, sitenin istediğiniz yerinin ölçülerini pixel cinsinden size veriyor. ColorZilla ise herhangi bir web sayfasında gördüğünüz rengin kodunu hem hex hem de rgb cinsinden size gösteriyor. Bu eklentilerin hepsi Firefox’un hem yeni hem de eski sürümleriyle uyumlu.
Eğer siteniz W3C standartlarına uygunsa bütün tarayıcılarda aynı şekilde sorunsuz biçimde görüntülenir. Html Validator eklentisi siteyi bu standartlara göre kontrol ederek kodlamadaki hataları size bildirir. Eklentiyi kurduğunuzda tarayıcınızın alt tarafına yerleşen ikon {f} ile girdiğiniz sitelerdeki hata sayısını görebiliyorsunuz. Gördüğünüz gibi karaklavye.com’da hata yokmuş ama 46 uyarı var.
İkona çift tıkladığınızda bu hata ve uyarıları gösteren bir pencere açılıyor.
Pencerede hatalı yerleri ve doğrusunun nasıl olması gerektiğini görebiliyorsunuz.
Font Finder ile bir sitede kullanılan yazı tipini öğrenebiliyorsunuz. Eklentiyi kurduktan sonra tek yapmanız gereken sitedeki yazının en az 1 karakterini fareyle işaretleyip sağ tıkladıktan sonra Font Finder sekmesini seçmek. Açılan pencerede kullanılan yazı tipini, rengini, boyutunu, karakterler arasında bırakılan boşluk değerini görebiliyorsunuz.
MeasureIt eklentisini ile sitenizde ölçme işlemleri yapabiliyorsunuz. Daha iyi anlaşılması için bir örnek vereyim. Diyelimki karaklavye.com’daki yorum yazma alanının genişliğini öğrenmek istedim. Eklentiyi kurduğumda tarayıcının altına bir ikon yerleşti {d}.
Bu ikona tıkladıktan sonra fareyi yorum yazma alanının {x} bir köşesine tıklayıp öbür köşeye kadar çektim. Genişlik ve uzunluğu ölçümlendirme çizgilerinin sağında pixel cinsinden görebiliyorsunuz {e}.
ColorZilla web sayfalarında kullanılan renklerin RBG ve HEX kodlarını görmenizi sağlayan bir Firefox eklentisi. Bununla ilgili daha önce bir yazı yazmıştım o yüzden sadece iki resim eklemekle yetineceğim. Ayrıntıları daha önceki yazımda bulabilirsiniz.
Eklentileri başlıklarına tıklayarak eklentiyi indireceğiniz sayfaya gidebilirsiniz.
