15 Ekstensi Chrome Untuk Developer dan Web Designer

Teknotes.id – Chrome menawarkan banyak ekstensi untuk membantu Anda dengan berbagai tugas, dan sebagai pengembang web, Anda dapat memanfaatkannya untuk meningkatkan produktivitas Anda dan membuat project yang sedang dibuat.

Meskipun ada banyak ekstensi lain yang tersedia untuk tujuan yang mirip dengan yang tercantum di bawah ini, saya telah mencoba dan menguji masing-masing dalam hal kegunaan dan UI. Ekstensi ini dapat digunakan pada browser Chrome, Firefox, Edge, dan Opera.

Jadi, berikut ini adalah daftar 15 Ekstensi Chrome Untuk Developer dan Web Designer gratis yang harus dimiliki yang akan membuat hidup Anda lebih mudah sebagai developer dan web designer.

1. Page Ruler

15 Ekstensi Chrome Untuk Developer dan Web Designer

Page Ruler membantu Anda untuk membuat penggaris pada halaman web, menampilkan lebar, tinggi, dan posisi (atas, bawah, kiri, dan kanan) dari elemen halaman apa pun yang ingin Anda ukur.

Anda dapat menyeret tepi penggaris untuk mengubah ukurannya atau menggunakan tombol panah untuk memindahkan atau mengubah ukurannya.

2. Dimensions

15 Ekstensi Chrome Untuk Developer dan Web Designer

Ekstensi ini digunakan untuk mengukur dimensi dari kursor mouse Anda ke atas atau bawah dan ke kiri atau kanan sampai mencapai batas. Jadi jika Anda ingin mengukur jarak antara elemen di situs web maka ekstensi ini ideal untuk digunakan.

Ekstensi Dimensions bersifat open-source dan di hosting di Github. Selain itu, Anda juga dapat mengukur di antara elemen-elemen berikut: Gambar, Bidang Input, Tombol, Video, GIF, Teks, dan Ikon.

Baca Juga:  5 Database Terpopuler dan Terbaik Di Dunia

3. CSSViewer

15 Ekstensi Chrome Untuk Developer dan Web Designer

CSSViewer mempunyai kemampuan untuk melihat properti CSS dari elemen apa pun di halaman web apa pun. Ini adalah ekstensi Chrome favorit saya dan paling banyak digunakan.

Cukup arahkan kursor ke elemen yang diinginkan, maka secara otomatis akan menampilkan: Font, Teks, Warna, Latar Belakang, Kotak, Posisi, dan Atribut Efeknya. Ekstensi CSSViewer memberikan informasi CSS dasar yang Anda butuhkan dengan cepat.

4. ColorPick EyeDropper

15 Ekstensi Chrome Untuk Developer dan Web Designer

ColorPick EyeDropper adalah ekstensi browser web yang membantu Anda untuk mengambil warna sederhana dari halaman web mana pun dan mengelola palet warna dari halaman web atau pengambil gambar.

5. Wappalyzer

15 Ekstensi Chrome Untuk Developer dan Web Designer

Wappalyzer adalah ekstensi yang menampilkan teknologi yang digunakan dari situs web apa pun. Ini mengidentifikasi aplikasi untuk manajemen konten, platform e-commerce, layanan web, perangkat lunak server, alat analisis, kerangka web, CDN dan sebagainya.

6. Mobile Simulator

15 Ekstensi Chrome Untuk Developer dan Web Designer

Mobile Simulator adalah ekstensi simulator smartphone dan tablet yang dapat digunakan di komputer dengan beberapa model Android dan iOS untuk menguji situs web responsif agar tampilan mobile friendly.

Fitur lain dari ekstensi adalah dapat mengambil tangkapan layar smartphone dalam format PNG, buat screencast dalam format GIF dengan sangat mudah, dan Anda juga dapat memasukkannya ke dalam email, slide presentasi, dll.

7. WhatFont

15 Ekstensi Chrome Untuk Developer dan Web Designer

WhatFont berfungsi untuk mengidentifikasi font yang digunakan pada halaman web. Ini cepat, efektif, dan mengidentifikasi font individu dalam satu halaman dalam hitungan detik. Font yang dapat terdeteksi seperti Font Family, Size, Weight, dan Color.

Jika Anda ingin mengembangkan halaman web dan Anda ingin meniru jenis font yang digunakan, maka ekstensi ini sangat ideal untuk Anda. Ekstensi Chrome yang sangat populer dan berguna untuk pengembang dan desainer.

Baca Juga:  5 Langkah Memilih Laptop Untuk Desain Grafis dan Editing Video

8. Dark Reader

15 Ekstensi Chrome Untuk Developer dan Web Designer

Ekstensi ini membantu untuk melindungi mata dari pencahayaan monitor yang terlalu terang. Gunakan tema dark mode untuk browsing pada malam hari dan siang hari. Fitur yang ditawarkan seperti: Kecerahan, Kontras, Sepia, Abu-abu, Pengaturan Font, dan Daftar Situs.

9. ColorZilla

15 Ekstensi Chrome Untuk Developer dan Web Designer

ColorZilla adalah ekstensi Chrome sederhana namun sangat mudah digunakan, Anda bisa mendapatkan pembacaan warna dari piksel mana pun di browser Anda. Anda juga dapat mengubah warna dengan mudah di situs langsung untuk menilai tampilan.

Tidak hanya itu, ini juga mencakup CSS Gradient Generator dan Webpage Color Analyzer yang membantu Anda mendapatkan palet warna untuk situs apap pun.

10. Clear Cache

15 Ekstensi Chrome Untuk Developer dan Web Designer

Untuk pengembang web, membersihkan cache browser adalah hal yang wajib ketika kita mengedit project agar perubahan yang telah disimpan berjalan dengan baik.

Ini membersihkan cache dan browsing data Anda dengan satu klik. Tidak ada pop-up atau tombol konfirmasi. Anda juga dapat menyesuaikan berapa banyak data yang ingin Anda hapus di tab opsi.

11. JSONView

15 Ekstensi Chrome Untuk Developer dan Web Designer

Ekstensi ini berguna untuk pengembang yang secara teratur bekerja dengan file JSON. Ini akan membantu memvalidasi dan melihat dokumen JSON dengan mudah. Ekstensi ini memungkinkan Anda untuk melihat dan memvalidasi dokumen JSON di Chrome.

12. Web Developer

15 Ekstensi Chrome Untuk Developer dan Web Designer

Ekstensi Web Developer menambahkan toolbar kecil dengan berbagai alat untuk mengubah ukuran atau menonaktifkan gambar, skrip, dan file gaya, dan memvalidasi file CSS dan HTML.

Ekstensi ini dapat digunakan pengembang dalam pekerjaan sehari-hari untuk desainer dan programmer.

13. Awesome Screenshot & Screen Recorder

15 Ekstensi Chrome Untuk Developer dan Web Designer

Ekstensi ini dapat digunakan untuk melakukan tangkapan layar dan merekam video. Secara otomatis menyimpan rekaman layar & tangkapan layar ke website awesomescreenshot.com dan Anda juga dapat membagikan video dan gambar Anda secara instan dengan tautan unik yang dapat dibagikan.

Baca Juga:  10 CMS Membuat Forum Terbaik

Terdapat dua tab menu yang memungkinkan Anda untuk beralih antara perekaman layar dan tangkapan layar dengan mudah.

Sertakan suara Anda dalam rekaman dengan opsi Mikrofon dan sertakan wajah dalam video Anda dengan menyematkan webcam dan dapat menyimpan video dalam penyimpanan cloud atau lokal. Dimensi video dari 720p, 1090p, dan 4K.

14. Corporate Ipsum

15 Ekstensi Chrome Untuk Developer dan Web Designer

Ekstensi Corporate Ipsum adalah alternatif populer untuk Lorem Ipsum Generator. Jika Anda bingung membuat tulisan apa maka ekstensi ini berguna untuk membuat tulisan dummy atau palsu.

15. BuiltWith

15 Ekstensi Chrome Untuk Developer dan Web Designer

Jika Anda penasaran dengan teknologi yang digunakan situs web apa pun, maka Anda dapat menggunakan ekstensi ideal ini. Cukup satu klik pada ikon builtwith maka Anda akan mengetahui teknologi situs web tersebut.

Kesimpulan

Saya harap ekstensi Chrome ini akan membantu Anda untuk meningkatkan produktivitas sehari-hari Anda. Daftar ini didasarkan pada pengetahuan saya sendiri dan penggunaan sehari-hari.

Jika Anda tau beberapa ekstensi yang lebih baik atau belum ada di daftar, silahkan untuk menambahkan di bagian komentar.

Demikian artikel 15 Ekstensi Chrome Untuk Developer dan Web Designer. Terima kasih telah membaca dan semoga bermanfaat, tunggu konten kami selanjutnya ya.

by Etgar Kurniawan
Hi! I am Owner and Writer at Teknotes.id. I love WordPress, Graphic Designer, Technology, Blogging, and Programming. I will help you making some technically being easy to understand :)

Follow me on:

Facebook Twitter Instagram Linkedin

Tinggalkan komentar