Sebagai seorang Web Developer, saya sering menggunakan ekstensi Chrome untuk mempermudah pembuatan website. Seperti yang kamu ketahui, ada banyak ekstensi Chrome yang bisa kita gunakan.
Kali ini, saya akan membagikan ekstensi Chrome terbaik untuk Web Developer. Ekstensi yang akan saya bagikan ini akan sangat membantu dalam mempercepat pekerjaan kamu. Jadi, pastikan kamu men-download ekstensi ini di browser Chrome kamu.
Baiklah, berikut ini 7 Ekstensi Chrome Terbaik untuk Web Developer.
1. WhatFont
WhatFont berfungsi untuk mengidentifikasi jenis font yang digunakan sebuah website.
Cara menggunakan ekstensi ini terbilang sangat mudah. Kita hanya perlu mengaktifkan ekstensi ini dengan cara mengklik ekstensinya lalu klik klik pada bagian website yang ingin kamu ketahui jenis font-nya.
Setelah itu, akan muncul sebuah pop-up dengan informasi berupa jenis font, ukuran font, tebal font, warna font dan lain sebagainya.
2. Responsive Web Design Tester
Seperti yang kita ketahui, setiap website yang kita buat harus Responsive saat dibuka di perangkat dengan ukuran layar yang berbeda-beda. Dengan bantuan ekstensi Responsive Web Design Tester ini, kita bisa mengetahui apakah website kita sudah responsive atau belum.
Saat menggunakan ekstensi ini, kamu akan diminta untuk memilih jenis perangkat dengan ukuran layar yang telah ditentukan. Jika perangkat yang kamu cari tidak ada, kamu dapat menambahkan ukuran perangkat sesuai dengan yang kamu butuhkan.
3. CSS Peeper
CSS Peeper berfungsi untuk melihat kode CSS yang digunakan elemen pada sebuah website. Kamu hanya perlu mengarahkan kursor dan mengklik bagian yang ingin kamu lihat kode CSS-nya. Dengan begitu, kamu sudah bisa melihat semua informasi dari kode CSS yang digunakan elemen tersebut seperti ukuran font, jenis font yang digunakan, warnanya, dan sebagainya.
4. ColorPick Eyedropper
Sesuai dengan namanya, ColorPick Eyedropper, dimana ekstensi ini befungsi untuk mengetahui kode warna yang digunakan sebuah website.
5. JSON Viewer
JSON Viewer merupakan ekstensi chrome untuk mempercantik tampilan JSON. Jadi, kamu tidak akan terlalu pusing ketika membuka dan membaca JSON di Browser. Ekstensi ini sangat cocok untuk kamu yang sering bekerja dengan API saat membuat website.
6. Wappalyzer
Wappalyzer berfungsi untuk mengetahui teknologi apa saja yang digunakan sebuah website. Jika kamu menggunakan ekstensi ini, kamu akan mengetahui website tersebut dibuat dengan CMS apa, bahasa pemrogramman apa yang digunakan untuk Backend-nya, Framework yang digunakan, dan banyak lagi.
Ekstensi ini sangat cocok digunakan jika kamu kepo dengan teknologi yang digunakan oleh website besar seperti Youtube, Facebook, Instagram dan lainnya.
7. Web Developer
Ekstensi ini memiliki banyak sekali fungsi. Maksudnya, kamu bisa menambahkan berbagai alat guna untuk mempermudah pekerjaan kamu saat membuat website. Salah satu alat yang dapat kamu gunakan adalah mengedit CSS, melihat CSS, Menonaktifkan JavaScript, Menonaktifkan Popup, dan lainnya.
8. Lipsum Generator
Seperti namanya, ekstensi ini berfungsi untuk membuat "Lorem ipsum" atau random text. Kamu bisa mengatur berapa jumlah kata yang ingin dibuat, jumlah kalimat, paragrap dan lainnya. Ekstensi ini sangat berguna untuk mengisi elemen dengan dummy text.
9. Lighthouse
Lighthouse dibuat oleh Google, dimana ekstensi ini berfungsi untuk mengukur nilai-nilai penting dari website kamu. Seperti mengukur kecepatan website kamu, score SEO kamu, dan lainnya. Informasi yang diberikan kepada kita jika score jelek sangat jelas. Kita bisa mengikuti petunjuk yang sudah Lighthouse berikan dan website kita akan sedikit lebih baik dari sebelumnya.
10. BuiltWith Technology Profiler
BuiltWith Technology Profiler merupakan ekstensi yang bisa kita gunakan untuk mengetahui teknologi apa yang digunakan sebuah website. Kamu bisa mengetahui website tersebut menggunakan CMS apa, Bahasa Pemrograman apa, menggunakan Database apa dan lain sebagainya. Ekstensi ini sangat cocok bagi kamu yang penasaran dengan teknologi yang digunakan oleh website-website besar seperti Youtube, Facebook, Spotify dan lain sebagainya.
Penutupan
Selain dari ekstensi yang saya tuliskan di atas, sebenarnya masih banyak ekstensi keren lain yang bisa kamu gunakan.
Baiklah, mungkin itu saja untuk rekomendasi ekstensi Chrome terbaik untuk Web Developer. Jika kamu mempunya saran ekstensi lain, silahkan tulis nama dari ekstensinya di kolom komentar. Teriamakasih sudah berkunjung dan semoga bermanfaat.
Comments