Son birkaç haftadır yeni bir Web sitesinde çalışıyorum. Ancak yalnız yapmak yerine, Firefox eklentilerinden yardım almaya karar verdim. Çalışmamı çok kolaylaştırdılar ve hepsi birkaç saniye içinde indirilebilir.

Aardvark: Aardvark, bir Web sayfasından öğeler seçmenize ve bunlar üzerinde çeşitli işlemler gerçekleştirmenize olanak sağlar. Bir sayfanın yapısını analiz etmek için kullanıyorum. Öğeleri kaldırabilir ve izole edebilir veya DOM kodu oluşturabilirsiniz. Şiddetle tavsiye ederim.

ColorZilla: Beğendiğiniz bir Web sayfasında bir renk varsa, ColorZilla bunun için doğru kodu bulur ve kodlama programınıza yapıştırmanıza izin verir. Ayrıca yerleşik palet tarayıcısıyla özel renkler de oluşturabilirsiniz. Daha sonra kolay erişim için en çok kullanılan renkleri korur. Güçlü, basit, sahip olması gereken.

CSS Validator: CSS Validator, tarayıcınıza CSS'yi W3C CSS Validator'a göndererek sağ tıklatma seçeneği ekler. Sonuçları yeni bir sekmede açar. CSS Validator, sıklıkla işe yarayacak güzel bir araçtır.

CSSViewer: Hiçbir Web tasarımcısı, CSSViewer olmadan çalışmamalıdır. Eklenti, bir siteden ihtiyaç duyacağınız tüm CSS bilgilerini size bildirir. İstediğiniz sayfaya tıklamanız yeterlidir, Araçlar menüsünden açınız ve CSS bilgisini gösterecektir. Neredeyse her gün kullanırım.

FireBug: Firebug, sensiz olamayacağınız eklentilerden biridir. CSS, HTML ve JavaScript'i düzenlemenizi, hata ayıklamanızı ve görüntülemenizi sağlar. Sitedeki HTML’de bir değişiklik yaptığınızda, Firebug otomatik olarak aynı bölmede görüntüler. Bu son derece güçlü.

FirePHP: FireBug, CSS, HTML ve JavaScript için iyi bir araçtır, ancak yalnızca FireBug eklentisini kurduğunuzda çalışan FirePHP, tam özellikli bir geliştirme deneyimi yaratır. Her iki eklentinin de yardımıyla, PHP'nizin kalitesini görüntüleyebilir ve hataları bulabilirsiniz. Bu harika bir yardım.

Yazı Tipi Bulucu: Yazı Tipi Bulucu, herhangi bir sitede istediğiniz yazı tipini vurgulamanıza, seçimi sağ tıklatmanıza ve "Yazı Tipi Bulucu" seçeneğini seçtikten sonra, seçimin tüm CSS metin stilini görüntülemenize olanak sağlar. Daha sonra bunu kendi web sayfanıza yapıştırabilirsiniz.

HTML Validator: HTML Validator, yalnızca Windows kullanıcıları tarafından kullanılabilen son derece güçlü bir araçtır. Eklenti, sayfadaki hatalar hakkında size geri bildirimde bulunur. Ayrıca sorunların nerede ele alınması gerektiğini bilmenizi sağlar. Ancak gelişmiş bir Web tasarımcısı değilseniz, bu araçtan uzak durun. Bu oldukça karmaşık.

IE Görünümü: Windows çalıştırdığınız sürece, IE Görünümü yararlı bir araçtır. Uzantı, sağ tıklatma menüsünde "IE'de Aç" seçeneği ekleyerek siteyi Internet Explorer'da hızlı bir şekilde açmanıza olanak tanır. Bir sayfanın her iki tarayıcıda da nasıl göründüğünü kontrol etmenin harika bir yolu.

Java Konsolu: Java uygulamalarının Web sayfalarında nasıl çalıştığını görmek istiyorsanız, Java Konsolu tam size göre. Uygulamaları izleyebilir ve hata ayıklayabilir ve performansları hakkında tam bir rapor alabilirsiniz.

LinkChecker: LinkChecker, herhangi bir Web sitesindeki bağlantıları vurgular ve bağlantının sizi canlı bir siteye yönlendirip yönlendirmeyeceğini veya bir 404'ü döndürüp döndürmeyeceğini size bildirir. Her gün kullanırım.

Poster: Sunucuları hata ayıklamak ve HTTP istekleri yapmak istiyorsanız, Poster sizin için bir araçtır. Kullanımı kolaydır, bir içerik türü belirleyebilirsiniz ve dakikalar içinde, HTTP sorgunuzun sonuçlarını incelemek için gereken tüm bilgilere sahip olursunuz. Kullanışlı.

Stil Sayfası Seçici II: Stil Sayfası Seçici II, Firefox'un yerleşik stil sayfası değiştiricisinin yerini alır ve bir Web sitesinin tüm sayfalarında geçerli olacak alternatif bir stil seçmenize olanak tanır. Sık kullanacağınız bir şey değil, ama sıralamada bir şeye ihtiyacınız olduğunda, Style Sheet Chooser II böyle devam etmenin yolu.

Web Geliştiricisi: Bu toparlamadaki uzantıların herhangi birini yüklerseniz, Web Geliştiricisi eklenmelidir. Firefox’a bir menü ve araç çubuğu ekler, size bir sayfanın stilini görüntüleme, CSS’yi görüntüleme ve düzenleme ve daha fazlasını sağlar. Hiçbir Web geliştiricisi onsuz olmamalıdır.

YSlow: YSlow, çalışması için FireBug'un kurulmasını gerektiriyor, ancak sitenizin neden bu kadar yavaş çalıştığını bulmak için harika bir yol. Web sayfalarını analiz eder ve Yahoo'nun yüksek performanslı Web siteleriyle ilgili kurallarına dayanarak siteyi yavaşlatan sorunları döndürür. Sitelerimin hızını nerede artırabileceğimi bulmak için sık sık kullanırım. Denemek.