21 December 2014

Add On Mozilla Untuk Web Developer Terbaik 2013

Mozilla Firefox adalah browser yang sangat populer, terutama di kalangan desainer web dan pengembang. Salah satu faktor yang membuat Firefox begitu populer adalah perpustakaan besar ekstensinya sehingga meningkatkan pengalaman browsing Anda. Di antara daftar besar add-ons mozilla 2013, banyak yang Add-On penting untuk web designer dan pengembang. Jika digunakan, itu akan membuat alur kerja Anda lebih cepat dan produktif.

1. Web DeveloperWeb 

Developer add-on meluas Mozilla Firefox dengan menambahkan toolbar dengan berbagai pilihan untuk bekerja dengan halaman web. Misalnya, memiliki opsi untuk memeriksa gaya CSS elemen halaman yang akan memberitahu Anda apa CSS atribut yang mereka miliki, dan gaya mempengaruhi mereka.

2. SeoQuake 

SeoQuake akan membantu Anda dalam mengoptimalkan halaman web Anda untuk mesin pencari. Ini memberi Anda SeoBar yang memiliki banyak pilihan yang berguna yang berhubungan dengan SEO bagi Anda untuk memanfaatkan. Ekstensi ini akan membantu Anda dalam mengidentifikasi isu-isu yang berkaitan dengan mesin pencari yang mengindeks dalam halaman web Anda.

3. Jendela Resizer 1.0

Jendela Resizer sangat berguna untuk menguji ukuran layar dan resolusi yang berbeda memantau. Ini cepat dan akurat mengubah ukuran viewport Firefox sehingga Anda dapat menguji untuk melihat bagaimana desain Anda terlihat dalam ukuran resolusi standar.

4. FireShotFireShot 

adalah Firefox add-on yang menciptakan screenshot dari halaman web Anda. Yang unik tentang plugin ini adalah bahwa hal itu memberikan Anda satu set editing dan alat penjelasan untuk bekerja dengan screenshot Anda. Ini bisa menjadi perpanjangan berguna untuk memiliki untuk menyajikan pekerjaan Anda dalam portofolio Anda.

5. Firebug 

Firebug dianggap alat pengembang utama untuk Firefox. Anda diberi satu ton alat pengembangan web untuk digunakan dari dalam browser Anda. Anda dapat menjelajahi, mengedit, debug, dan memonitor CSS, HTML, dan JavaScript secara real-time pada setiap halaman web.

6. Greasemonkey 

The Greasemonkey Firefox add-on memungkinkan Anda untuk mengubah bagaimana sebuah halaman web terlihat dan bekerja dengan menggunakan potongan kecil dari JavaScript. Ada ratusan script yang dapat Anda download untuk meningkatkan pengaya ini.

7. ColorZilla 

ColorZilla adalah ekstensi yang sangat sederhana untuk Firefox. Jika Anda pernah ingin untuk menentukan apa warna yang digunakan pada halaman web, ColorZilla adalah alat untuk pekerjaan itu. Ia menambahkan ikon pipet ke sudut kiri bawah Firefox.

8. FireFTP 

FireFTP adalah ekstensi Firefox efisien untuk meng-upload file ke server. Ia menawarkan beberapa keuntungan untuk aplikasi standalone FTP, seperti persyaratan operasi sistem-independen. Browser ini add-on memiliki semua fitur yang Anda harapkan dari aplikasi standalone.
9. Tab IE 

Ini besar add-on untuk pengembang web memungkinkan Anda untuk beralih dari IE dan mesin tata letak Firefox dengan mengklik tombol. Hal ini memungkinkan Anda untuk menguji dan membandingkan bagaimana masing-masing browser merender halaman web Anda tanpa harus meninggalkan Firefox atau menginstal IE

10. Palette Grabber 

Pengaya ini akan membangun tema warna yang diekspor ke perangkat lunak populer grafis-editing seperti Photoshop, Paint Shop Pro, GIMP, Fireworks, dan Paint.NET dari halaman web yang sedang dilihat.

11. Font Finder 0.5c 

Dengan add-on, Anda dapat menyorot teks pada halaman untuk mengetahui informasi CSS styling tentang itu disorot blok teks.

12. Total Validator 

Ekstensi ini adalah alat all-in-one validasi yang akan memeriksa HTML, link, mengambil screenshot dan melakukan lebih banyak lagi. Hal ini juga melakukan validasi aksesibilitas (WCAG, AS-508), link rusak pemeriksaan, pemeriksaan ejaan (dalam lima bahasa yang berbeda), dan mengambil menangkap layar melalui web browser yang berbeda dan sistem operasi untuk melihat bagaimana halaman web Anda terlihat.

13. PlatypusHands down

Platypus adalah salah satu ekstensi Firefox yang terbaik untuk memodifikasi sebuah halaman web. Ia bekerja dengan Greasemonkey sebagai semacam WYSIWYG dan akan diingat suntingan Anda ketika Anda mengunjungi halaman web lagi. Anda dapat menggunakannya untuk bereksperimen dengan berbagai variasi desain web.

14. Dummy LipsumAdd-on 

dengan tujuan yang sangat sederhana, Dummy Lipsum menghasilkan Lorem Ipsum teks dummy untuk Anda gunakan dalam desain Anda.

15. Halaman Diff 

Halaman Diff adalah add-on yang membantu web developer dan desainer melihat perbedaan antara kode sumber HTML halaman web. Hal ini membantu untuk menemukan penyimpangan kode atau perbedaan yang akan memungkinkan Anda untuk men-debug masalah rendering.

16. AardvarkAardvark

ditujukan untuk pengembang web front-end, mari kita memilih elemen halaman web dan memberikan Anda beberapa pilihan untuk mereka, seperti menghapus mereka dari halaman web (besar untuk screen shot) atau memodifikasi warna mereka (membantu ketika mencetak halaman web).

17. CodetchCodetch 

adalah editor WYSIWYG add-on yang memungkinkan Anda untuk mengedit halaman web langsung di Firefox. Antarmuka adalah model setelah Dreamweaver (tapi untungnya, harga tidak).

18. Mengukur Ini 

Mengukur Ini adalah add-on yang memberi Anda built-in penguasa untuk mengukur elemen halaman web. Ini bagus untuk mencari tahu hal-hal dimensi pada halaman web.

19. YSlow 

YSlow adalah utilitas web browser tolok ukur kinerja desain front-end sebuah halaman web. Ini akan membantu Anda dalam mengoptimalkan desain web Anda untuk waktu respon yang cepat dengan mengidentifikasi masalah kinerja.

20. CSSViewer 

CSSViewer memungkinkan Anda untuk memeriksa properti CSS pada halaman web yang sedang Anda lihat. Ini adalah cara yang bagus untuk mempelajari gaya yang pernah Anda lihat di situs web untuk belajar teknik pengembangan CSS.

Terimaksih untuk komentar Anda dan semoga artikel ini bermanfaat untuk pengembangan web pribadi dan perusahaan Anda.

Add On Mozilla Untuk Web Developer Terbaik 2013 Rating: 4.5 Diposkan Oleh: Sehat Media Partner

3 komentar:

  1. Howdy! I could have sworn I've been to this website before but after reading through some of the post I realized it's new to me.
    Anyhow, I'm definitely glad I found it and I'll be book-marking and checking
    back often!

    Have a look at my homepage: rolety

    ReplyDelete
  2. Makasih informasnya, sangat berguna dan membantu sekali add on nya.

    ReplyDelete
  3. informasi yang sangat menarik untuk saya simak dan sangat bermanfaat sekali,, makasih infonya sukses terus gan!!!

    ReplyDelete

Komentar Spam, Link Aktif, dan URL Blog Takkan Muncul. Tidak semua pertanyaan sempat/bisa dijawab.