Mau Jadi Web Developer Handal? Jangan Lupa Instal Chrome Extension ini!

Muhammad Fakhriansyah . July 15, 2022

Foto: Badoy Studio

Teknologi.id - Bagi seorang pengembang website (web delevoper) penting untuk menyematkan ekstensi terkait di Google Chrome. Tujuannya untuk memudahkan kita untuk mengerjakan proyek dan mengoptimalisasikan website.

10 Rekomendasi Ekstensi Chrome untuk Web Developer

Berikut 10 rekomendasi ekstensi Chrome yang bisa kamu pakai dan tentunya gratis!

1. CSS Peeper

Foto:  Chrome.google.com

CSS Peeper adalah alat untuk menunjukkan elemen CSS pada halaman web. Ekstensi ini mendapat bintang 4,5 dan sudah digunakan lebih dari 200 ribu pengguna. 

2. Debug CSS

Foto:  Chrome.google.com

Ekstensi ini membantu men-debug kelemahan grid CSS dengan menguraikan setiap kotak dalam satu klik. Debug CSS mampu menggunakan warna yang berbeda untuk elemen yang berbeda, membuatnya lebih mudah untuk mendeteksi kesalahan. Ekstensi ini memiliki peringkat hampir 5 bintang dan digunakan oleh lebih dari 10 ribu orang.

3. Wappalyzer

Foto: Technology Profiler

Wappalyzer adalah tools yang cocok bagi kamu yang baru saja belajar full-stack development. Alat ini membantu kamu menentukan teknologi istimewa yang digunakan untuk membangun situs web tertentu. Hanya dengan sekali klik dan semua rahasia teknologi terungkap, sehingga memudahkanmu untuk membuat proyek web serupa.

Baca juga: Mengenal Automa, Software Browser Extension Canggih Asal Indonesia

4. Colorpick eyedropper

Foto: Chrome.google.com

Kalau kamu ingin mengurusi penyalinan dan penempelan kode hex dengan merujuk ke CSS berulang kali, alat ini mampu membantumu untuk memilih warna dari layar. Colorpick eyedropper memiliki peringkat lebih dari 4 bintang dan telah digunakan oleh lebih dari satu juta orang.

5. JSON viewer pro

Foto: chrome.google.com

Kamu sedang menerima banyak permintaan API dan POST? Jika iya, kamu harus menggunakan alat bantu ini supaya melihat JSON dengan mudah. Alat ini mengatur JSON dan membuatnya lebih mudah untuk dibaca dan dipahami, sama seperti objek javascript. Alat ini mengatur JSON dan membuatnya lebih mudah untuk dibaca dan dipahami, sama seperti objek javascript.

6. Window Resizer

Foto: chrome.google.com

Kalian pasti mengetahui kalau tampilan web, dari segi ukuran, berbeda-beda. Tampilan di PC berbeda dengan di HP kalian. Bagi web developer, Window Resizer membantumu untuk memberikan opsi berbagai ukuran layar. Jadi, tanpa perlu repot membayangkannya lagi, melalui alat ini kamu bisa menyesuaikan ukuran sampai akhirnya menjadi ketetapan. Alat ini digunakan oleh lebih dari 700 ribu orang dan diberi 4 bintang

7. HTML Tree Generator

Foto: chrome.google.com

Ekstensi ini membantu kamu memahami struktur HTML dengan cara yang lebih baik. Grafik pohon yang dihasilkan mewakili elemen HTML dengan bantuan node dan cabang, sehingga membuatnya lebih mudah untuk memahami hierarki dokumen. Ekstensi ini digunakan oleh lebih dari 60 ribu orang dan diberi peringkat 4 bintang. Karena alat ini hanya membaca HTML dan tidak memerlukan izin tambahan, kamu tidak perlu meragukan keamanannya.

8. WhatFont

Foto: Whatfont

Jika kamu membuka situs web dan menemukan tipografi yang indah, kamu dapat memasukkannya ke dalam situs kamu sendiri dengan alat ini. WhatFont membantu mengekstrak nama font dari halaman web hanya dengan mengklik teks. Ekstensi ini diberi peringkat 4 bintang dan digunakan oleh lebih dari satu juta pengembang.

9. Lorem Ipsum

Foto: Lorem Ipsum

Kamu mungkin familiar dengan kata ini. Ya, kata ini biasa muncul ketika teks dalam suatu web belum tersedia. Nah, untuk membuat ini kamu hanya perlu menambahkan ekstensi Lorem Ipsum. Jadi tidak perlu lagi mengunjungi situs web lorem ipsum untuk mendapatkan beberapa teks pengisi. Ekstensi ini memiliki peringkat lebih dari 4 bintang dan dipercaya oleh lebih dari 40 ribu orang.

10. Dimensions

Foto: Dimensions

Ekstensi ini sangat membantu dalam men-debug ujung depan dalam hal ukuran elemen. Alat ini diberi peringkat 4 bintang dan digunakan oleh lebih dari satu juta pengguna. Popularitasnya menjelaskan betapa bergunanya bagi pengembang web.

Baca juga: Berikut Rekomendasi 4 Fintech Developer di Indonesia

Jadi itulah 10 rekomendasi Teknologi bagi kalian yang berkecimpung di dunia web developer! Langsung download ya!

(mf)

Share :