Tasarımcılar ve Geliştiriciler için 10 Web Uzantısı

Mozilla Firefox ve Google Chrome’un toplam 340 milyon kullanıcıya sahip olmasının en büyük nedenlerinden biri üçüncü taraf uzantıları çalıştırma yetenekleridir. Bu uzantılar, reklamları engellemekten hava durumunu göstermeye kadar çeşitli işlevlere sahiptir. Yüzlerce binlerce uzantı bulunduğundan, her kullanıcı web tarama deneyimini geliştirebilecek en az bir avuç bulmak zorundadır. Web geliştiricileri istisna değildir ve hayatlarını kolaylaştırmak için tasarlanmış birçok uzantı vardır. İşte on en iyisi:

10. MeasureIt – Bu kullanışlı araç, Chrome ve Firefox kullanıcılarının seçilen herhangi bir alanın genişliğini, yüksekliğini ve hizalamasını ölçmelerini sağlar. Sadece ölçmek istediğiniz alanın üzerine bir kutu çizin ve sürükleyin ve herhangi bir sayfa öğesinin tam boyutlarını bulun.

9. Colorzilla – Her geliştirici ve tasarımcı, farklı web elemanlarının belirli renklerini bulmanın önemini bilir. Colorzilla, sizin için önemli olan renkleri bulmanıza ve kaydetmenize olanak sağlar. EyeDropper, esas olarak aynı işlevi sağlayan Chrome muadilidir.

8. Çözünürlük Testi – Chrome’daki geliştiriciler, ekran boyutlarını değiştirerek sayfalarını seçtikleri farklı çözünürlüklerde test edebilir. Firefox Firesizer, Mozilla’nın tarayıcısı için benzer bir araçtır.

7. Sayfa Hızı – Firefox kullanıcıları bu uygulamayı sayfalarının performansını değerlendirmek ve neyin yavaşladığını ve onu geliştirmek için atılabilecek adımları bulmak için kullanabilirler. Chrome, Speed ​​Tracer adlı benzer bir uzantıya sahip.

6. PHP Kod Düzenleyici – Sayfada kullanılmadığından bu araç listedeki diğer araçlardan farklıdır. Ancak, Chrome kullanıcılarının bir sitenin PHP kodunu herhangi bir yerden düzenlemelerine olanak sağlayan değerli bir araçtır.

5. Web Geliştirici – Bu Firefox eklentisi, çeşitli önemli web yöneticisi araçlarına hızlı erişim sağlayan bir araç çubuğu ekler. En kullanışlı bölümlerden biri, önbellek, JavaScript, META yönlendirmeleri ve proxy’ler gibi sayfa özelliklerini etkinleştirme veya devre dışı bırakma yeteneğidir.

4. IE Sekmesi – Bazı insanlar hala Internet Explorer’ı tercih ettikleri tarayıcı olarak kullanıyor. Yeni bir göz atma oturumu başlatmak yerine, IE Sekmesi Chrome veya Firefox’ta bir Internet Explorer sekmesi açar, böylece geliştiriciler sayfalarının IE ziyaretçilerinin gözünde nasıl göründüğünü görebilir.

3. Chrome için Google Yazı Tipi Önizleyicisi – Belirli bir yazı tipinin nasıl göründüğünün önizlenmesi zor olabilir, ancak bu Chrome uzantısı bunu kolaylaştırır. Yazı tipi listesinden seçim yapın ve bir sayfanın metninin uygulanmışsa nasıl görüneceğini görüntüleyin.

2. CSS Taraması – Firefox’un CSSViewer uzantısına karşı olan Chrome, bir web öğesinin CSS özelliklerini tarayıcıdaki bir pencerede görüntüleyerek denetleme penceresini açma gereksinimini ortadan kaldırır.

1. Firebug – Bu eklenti Chrome ve Firefox için kullanılabilir. Herhangi bir sayfadaki CSS, HTML ve JavaScript’lerin incelenmesine ve düzenlenmesine olanak tanır.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir