Berikut ini adalah kumpulan beberapa ekstensi browser yang paling populer digunakan oleh Web Developer. Jadi jika kalian seorang web developer yang relatif baru, mungkin ingin mencoba ini.

Top 3 Browser Tool Gratis yang Disukai Web Developer! - MKR site | Berbagi Tanpa Batas, Blogger Tips, Widget, Template

Berikut ini adalah kumpulan beberapa ekstensi browser yang paling populer digunakan oleh Web Developer. Jadi jika kalian seorang web developer yang relatif baru, mungkin ingin mencoba ini.

Top 3 Browser Tool Gratis yang Disukai Web Developer!


Ada ribuan plugin luar sana untuk web browser seperti Firefox, Chrome dll. Plugin ini memperluas definisi web browser dari web surfing sederhana ke software multi-fungsi yang kuat yang menawarkan lebih dari sekedar browsing. Browser adalah rumah seorang web developer. Atau lebih tepatnya, kantornya. Ini adalah di mana dia bekerja. Sekarang siapa yang tidak ingin mengubah kantornya agar lebih nyaman dan melakukan hal-hal lain yang bermanfaat? Plugin browser dapat membantu dalam mewujudkan hal tersebut. Berikut ini adalah kumpulan beberapa ekstensi browser yang paling populer digunakan oleh Web Developer. Jadi jika kalian seorang web developer yang relatif baru, mungkin ingin mencoba ini.

Firebug

Firebug adalah plugin terbaik yang pernah dibuat. Pada dasarnya, ini memungkinkan kita mengedit halaman web secara langsung dari browser yang kita gunakan.Plugin ini memeriksa kode dan mencari kesalahan, dan memberi kita tentang apa yang sebenarnya terjadi. Plugin ini memeriksa kode dengan memunculkan HTML dan CSS kode pada dua sisi-sisi window. Anda dapat membuat perubahan secara langsung pada kode tersebut untuk mengedit halaman Web. Serta dapat menonaktifkan style tertentu,mengaktifkan kembali, dan menambahkan lebih banyak style.
Firebug

Hal yang hebat tentang mengedit adalah, kita dapat melakukannya langsung di halaman yang terbuka, dan melihat efeknya secara langsung. Tidak perlu menyimpan dan membuka kembali file. Tidak hanya itu, Firebug juga membantu dengan debugging. Misalnya, jika kita menulis kode JavaScript untuk mengubah warna latar belakang, ia akan menampilkan apa yang terjadi pada kode CSS secara real time. Hal ini juga akan menunjukkan kesalahan pada JavaScript. Bila kita mengklik pada link Ajax, ia membaca apa tindakan tersebut dan memberikan respon dalam format HTTP sehingga kita dapat melihat apa yang terjadi pada header itu dan apa yang terjadi di belakang layar.

Ini adalah alat yang sangat menakjubkan, dan setiap web developer harus memilikinya. Ini tersedia untuk hampir semua browser populer. Dan itu benar-benar gratis!
Download Firebug disini

Google Chrome Developer Tools 

Plugin ini adalah jawaban Google untuk Firebug. Firebug pada awalnya dirancang untuk Firefox. Jadi Google membuat plugin ini untuk Chrome. Bagian yang terbaik adalah, kita tidak perlu men-download estension ini. Tool ini telah terpasang dengan Chrome.
Google Chrome Developer Tools

Tools ini sangat bagus untuk mengedit. Tools ini memiliki semua fitur yang ditawarkan Firebug, termasuk mengedit secara langsung sehingga tidak perlu untuk menyimpan file yang diedit. Pengecekannya juga sangat baik. Ketika menaruh mouse di atas  sebuah elemen, kodenya akan menjadi tebal, sehingga dapat dengan cepat menemukan di mana div itu. Tidak hanya itu, plugin ini memberitahukan dimana filenya tersimpan, yang tidak bisa dilakukan Firebug, tapi itu benar-benar berguna. Tentu saja, masih ada banyak lagi. Dan jika Anda adalah pengguna Chrome, Anda harus mencoba hal ini.
Download disini

YSlow

Kecepatan membuka sebuah website merupakan faktor penting untuk mendapat peringkat yang baik dimesin pencari. Bot pencari tidak suka bila situs membutuhkan waktu lama untuk merespon, itulah sebabnya mengapa sangat penting untuk mempercepat sebuah website. Untungnya, untuk melakukannya tidak perlu berkonsultasi dengan profesional untuk ini. YSlow dari Yahoo! Dibuat untuk hal itu!
YSlow

Plugin ini memeriksa keseluruhan kinerja website dengan memperhatikan hal-hal mendasar, dan memberikan peringkat website berdasarkan kategori. Website akan mendapatkan nilai dari A ke F sesuai dengan bagaimana website kategori yang ada.

YSlow juga memungkinkan untuk melakukan pemeriksaan lebih rinci pada hal-hal yang penting untuk mempercepat website. Tampilan statistik memberitahukan ukuran halaman web, dan daftar permintaan yang dibuat selama proses beban, bersama dengan rinciannya. Tampilan Komponen menguraikan setiap komponen dari suatu halaman Web dalam format tabel, dan memungkinkan untuk memeriksa setiap atribut seperti ukuran, tanggal kadaluwarsa, apakah menggunakan sisi server kompresi, waktu respon dll

Setelah menganalisa website, tool ini memberikan tips dan rekomendasi tentang bagaimana untuk meningkatkan skor pada kategori tertentu. Ini akan memberitahu gambar apa yang tidak dioptimalkan, file apa harus yang perlu dicompress, dan sebagainya. Ini adalah tool yang sangat baik, dan setiap webmaster harus memilikinya.

Tapi ada satu hal penting yang harus diperhatikan. Kita harus menginstal Firebug terlebih dahulu sebelum menggunakan tool ini.
Download YSlow disini

Nah itulah tiga browser add-ons. Sekarang pasti bukan hal sulit untuk menjadi web developer. Dan sebagai penulis saya juga masih sedang belajar. Namun, saya harap ini tool ini dapat lebih membantu. Ketiganya dapat menghemat waktu itulah mengapa saya menjadikanya top 3 tools dalam daftar saya. Jika Anda memiliki saran yang lebih baik, Silakan beri komentar. Peaces :)

Source : http://www.smartearningmethods.com/top-3-free-browser-tools-web-developers-would-love/
Satank Mkr Beri Komentar
Bagikan kepada teman!
Garis

1 comments:

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.

NB: Jangan menuliskan link aktif karena akan terhapus secara automatis.

Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (out of topic) dengan menekan tombol OOT di bawah

 
Design by MKR Copyright © 2012 ~ 2013 Powered by Blogger
TOP