FireBug İpucu : FireBug’ın Yetenekleri
FireBug ile ilgili bir makale yazacağım ama bugün internette gezerken bir makaleye(50’den fazla doku kaynağı ile ilgili olan) bakıyordum birden aklıma yau benim sitenin ardalanına bunlardan hangisi uygun kaçar diye düşünmeye başladım. Sonra düşünmekten daha kolay bir yolunu buldum.
Aslında bir yazı olacak bir konu değil ama FireBug’ın yapabildiklerini görmek açısından önemli bir bilgi.
Sitedeki dokuları tek tek denemeye başladım. Resme sağ tıklayıp konumunu kopyaladım.
Sonrada kendi siteme gidip FireBug’ı açıp body elementini yakaladım ve ardalan olarak konumunu kopyaladığım resmi koydum. İlkini beğenmedim. Sonunda beğendiğim bir doku buldum.
Adım adım yaptıklarımı görmek için tıklayınız.(hareketli gif)
Siteme bu dokuyu uygulamasam da anında sonucu görebilmem ne kadar güzel bir şey olduğunu gördüm ve bunu sizlerle paylaşmak istedim.
Hiç sitenin kodlarına dokunmadan, herhangi bir resim kopyalamadan, site üzerinde bu dokuyu test edebilmek çok güzel.
firebug’ın diğer eklentileri (yslow, senSEO vb..) eklendiğinde daha etkili bir çalışma ortamı sağlıyor.
Mesela blogunuzda bir sütunun arkaplanını değiştiriyorsunuz işte bir sürü renk, tek tek deniyorsunuz. Firebug kullanmadan (özellikle bloggerda) renkleri denerken yayımlamak zorunda kalıyorsunuz. Ki o sırada sitede ziyaretçi varsa sitenin o halini görebiliyor.
Firebug’un bu özelliği yaptığımız tasarımların son ve kendimizce en güzel halini yayımlamadan görebilmemizi sağlıyor. Paylaşım için teşekkürler.
İllaki arkaplan kullanacaksan bence o kadar renkli birşey kullanma üstad. Daha sade, yine beyaz zeminli olan bir artalan daha iyi olabilir. Mesela senin logodaki testiyi biraz daha büyük ve biraz daha soluk bir mavi olarak olabilir :)
Bir FireBug eklentisi olan Pixel Perfect eklentisini de denemenizi tavsiye ederim.
Bence hiç gerek yok bunlara blogunuz bu haliyle çok güzel ..
Teşekkürler Volkan, katkın için sağol.
Fatih Bey, çok güzel bir konuya değinmiş, FireBug’ı sadece hata bulma aracı olarak kullanmak yanlış, bu yazıdaki örnekte olduğu gibi mükemmel derecede zaman kurtarıcı kullanımlarıda olabiliyor.
Ben de bir örnek vermek istiyorum, bugün bir sayfada bir bölümün altına resmi yerleştirecektim, ama bölüm ile resim arasına kaç px lik bir boşluk koyacağımdan emin değildim.
Her defasında CSS dosyasını düzenleyip ve tarayıcıyı yenilemek yerine, denemelerimi FireBug ile yaptım. Sonucu buldum ve CSS’imi bir defa düzenledim.
Başka arkadaşlarda örnekler verebilirse, Fatih Bey’in paylaşımını devam ettirmiş oluruz.
Bence bu arkaplan resimlerinden birini kullanın. Site çok soğuk, renklenmesi güzel olacaktır.
FireBug ın bu özelliğini seviyorum ve sayfayı her yenilikte yenilemem gerekmiyor. Önce deniyorum olursa koda yansıtıyorum.