Isi
- 01. Sederhanakan Gmail
- 02. Spektrum
- 03. CSS Scan 2.0
- 04. Amino
- 05. Sizzy
- 06. Palet Situs
- 07. Checkbot
- 08. Toby
- 09. DomFlags
- 10. Highlighter
Alat Pengembang Chrome memang hebat, tetapi Anda dapat menambahkan lebih banyak fitur menarik ke browser internet Anda untuk membuat desain dan pengembangan web lebih mudah.
Tentu saja ada banyak alat lain untuk mempercepat, lihat pos alat desain web favorit kami. Untuk saat ini, berikut adalah 30 ekstensi Chrome favorit kami untuk perancang dan pengembang web.
01. Sederhanakan Gmail
Jika Anda merasa Gmail agak terlalu berantakan untuk kebaikannya sendiri, sambutlah Simplify Gmail, yang menghapus semua puing dan keputusan UI yang buruk yang telah menyelinap ke dalamnya selama beberapa tahun terakhir. Dibuat oleh mantan desainer utama Gmail, Michael Leggett, ini menghilangkan semua kekacauan yang mengganggu dan memberi Anda versi yang lebih sederhana dan fungsional.
02. Spektrum
Buta warna semacam itu memengaruhi sekitar 200 juta orang di seluruh dunia, tetapi melayani mereka sering kali tidak termasuk dalam daftar periksa aksesibilitas desainer. Dengan Spectrum, Anda dapat dengan cepat menguji situs Anda terhadap berbagai jenis defisiensi penglihatan warna dan memastikan semuanya jelas.
03. CSS Scan 2.0
Alat Dev Chrome adalah cara praktis untuk memeriksa di bawah kap untuk melihat cara kerja situs, tetapi CSS Scan 2.0 bahkan lebih mudah jika Anda ingin melihat CSS itu. Arahkan kursor ke elemen apa pun dan CSS-nya akan muncul dalam tampilan pop-up, memungkinkan Anda menyalin aturannya dalam satu klik. Anda dapat menggunakannya untuk menyalin elemen tertentu dari tema atau template untuk disesuaikan dengan penggunaan Anda sendiri, dan sangat bagus untuk men-debug kode Anda sendiri.
04. Amino
Ini alat CSS hebat lainnya. Amino adalah editor CSS langsung yang memungkinkan Anda membuat lembar gaya di browser dan menerapkannya secara realtime ke situs web. Ini secara efektif memungkinkan Anda membuat perubahan desain permanen pada situs apa pun yang Anda kunjungi, dan jika Anda masuk ke Chrome dengan akun Google Anda, maka lembar gaya akan disinkronkan sehingga dapat diakses dari Chrome di semua perangkat desktop Anda.
05. Sizzy
Desain web responsif sudah ada akhir-akhir ini, dan jika Anda menginginkan cara langsung untuk memeriksa desain Anda di beberapa area pandang, Sizzy layak untuk dilihat. Ini akan menunjukkan kepada Anda tampilan interaktif dari halaman Anda yang ditampilkan pada sejumlah ukuran layar perangkat yang berbeda, dan Anda juga dapat menampilkan dan menyembunyikan keyboard perangkat yang disimulasikan, dan beralih antara mode potret dan lanskap.
06. Palet Situs
Jika lain kali Anda melihat situs yang memanfaatkan warna dengan baik, berikut adalah cara sederhana untuk memanfaatkannya. Palet Situs mengekstrak warna utama dari situs web dan menghasilkan palet yang dapat dibagikan yang dapat Anda tunjukkan dengan mudah kepada kolaborator. Anda juga dapat mendownload template Sketch, dan ada juga dukungan Adobe Swatch.
07. Checkbot
Memastikan bahwa semua tautan di situs Anda benar-benar berfungsi adalah keuntungan kegunaan instan dan itu juga cara yang baik untuk meningkatkan SEO Anda. Checkbot adalah ekstensi Chrome yang memeriksa tautan rusak, judul duplikat, rantai pengalihan, HTML / JS / CSS yang tidak valid, dan lainnya, sehingga Anda dapat dengan cepat mengaudit situs Anda untuk tautan buruk dan memperbaikinya.
08. Toby
Ini adalah kebenaran yang diakui secara universal bahwa pada saat Anda membuka Chrome selama beberapa jam, itu akan menjadi sarang tab yang membingungkan selebar jari kelingking Anda. Toby adalah cara yang bagus untuk menjinakkan mereka; dengan itu, Anda dapat mengatur semua tab tersebut ke dalam kumpulan tautan sebagai alternatif dari banyak bookmark individual, membuatnya lebih mudah untuk dikelola.
09. DomFlags
Secara radikal mempercepat proses elemen gaya dengan DomFlags, ekstensi yang benar-benar hebat yang memungkinkan Anda membuat pintasan keyboard untuk elemen DOM. Ini seperti memiliki bookmark untuk menavigasi DOM; ini akan mengubah cara Anda bekerja dengan DevTools.
10. Highlighter
Berikut cara yang menarik untuk mengajak orang-orang berdiskusi: Sangat memungkinkan Anda berbagi sorotan dari artikel di web, sehingga Anda dapat menarik perhatian ke bagian paling penting dari tulisan.
Berikutnya: 10 ekstensi Chrome lagi
