40 Ekstensi Google Chrome yang Berguna untuk Desainer Web

Saya suka Google Chrome. Kesederhanaannya, kecepatan dan kinerjanya adalah yang terbaik, tidak diragukan lagi. Namun terkadang, menjadi terlalu sederhana juga merupakan masalah, terutama bagi kita para perancang web yang sangat bergantung pada add-on Firefox seperti Web Developer. Saya keluar dari Chrome, ya, hanya karena tidak ada addon di 2008.

Tapi sekarang, semuanya berubah lagi. Tidak mengherankan bahwa Geeks lain memiliki cinta yang sama dengan Chrome dan mereka memutuskan untuk membuat Ekstensi Chrome, yang memiliki fungsi yang mirip dengan Firefox Addon. Saya menggali ekstensi itu dan sangat puas dengan mereka, karena itu saya memutuskan untuk mengambil 40 ekstensi yang sangat membantu desainer web dan berbagi dengan kalian.

Jadi ini untuk Anda, persiapkan Chrome Anda dan tingkatkan produktivitas Anda.

Warna

Pemilih warna

Sama seperti namanya, ColorPicker adalah ekstensi yang nyaman dibuat terutama untuk mengambil dan mendapatkan nilai warna dari mana saja di halaman web. Selain itu, Anda dapat memilih area kemudian klik pada palet warna untuk melihat bagaimana perubahan warna area tanpa menyentuh kode apa pun.

Palet Chrome

Memiliki sakit kepala dalam menemukan skema warna dari gambar? Palet Chrome memecahkan masalah Anda secara efisien dengan membuat hingga 64 palet warna dari gambar situs web untuk kebutuhan desain atau inspirasi Anda.

Tweaker warna

Color Tweaker dapat memodifikasi warna situs web seperti Color Picker, tetapi dengan metode yang lebih spesifik. Cukup masukkan pemilih CSS pada ekstensi ini, kemudian ubah warna teks, latar belakang, dan warna tepi ke keinginan Anda.

Tipografi

Editor Font

Tidak ada lagi perubahan program menebak dan melelahkan, Editor Font memungkinkan Anda untuk memodifikasi dan mengamati pengaturan font seperti ukuran, tinggi garis, dan varian yang hidup.

Google Font Previewer

Seperti yang ditentukan dalam namanya, ekstensi ini memungkinkan Anda untuk melihat pratinjau font dari Google Font Directory dengan opsi gaya teks yang ukuran, gaya, berat dan bayangan. Jika Anda puas dengan font tertentu, Anda dapat menyalin dan menempelkan tautan dan kode CSS yang disediakan dalam ekstensi ke kode situs web Anda untuk menggunakan font tersebut.

Pengembangan

Pengembang Web

Mungkin ekstensi harus dimiliki untuk perancang dan pengembang web. Dari skrip melihat hingga menampilkan informasi objek, Pengembang Web bertujuan untuk menyediakan setiap informasi yang Anda butuhkan dari situs web yang ada. Ekstensi ini juga dipersenjatai dengan alat yang bermanfaat seperti color picker, window resizer, validator, dll.

Pendule

Alat pengembang yang ringan dan praktis yang mirip dengan Pengembang Web, tetapi hanya dilengkapi dengan alat yang diperlukan seperti penampil gaya, penampil sumber, dan validator.

Firebug Lite

Berbeda dari apa yang ada di Firefox, Firebug Lite menawarkan representasi visual seperti Firefox ketika datang ke elemen HTML, elemen DOM dan Box Model Sharing. Itu juga dilengkapi dengan kemampuan untuk memeriksa elemen HTML dengan mouse Anda, dan Anda dapat mengedit properti CSS dengan ekstensi ini secara aktif.

Stylebot

Stylebot memberi Anda kemampuan untuk mendesain situs web apa pun secara langsung tanpa menyentuh kode CSS, yang menghemat banyak pekerjaan pengetikan. Fitur terbaik dari ekstensi ini mungkin adalah kemampuannya untuk menghasilkan kode CSS untuk penggunaan Anda setiap kali Anda membuat perubahan ke situs web.

CSSViewer

Bosan mendorong 'Elemen Inspeksi' setiap kali Anda ingin tahu gaya CSS apa yang diterapkan pada elemen tertentu? CSS Viewer membantu Anda dengan menampilkan informasi penting seperti font, warna, dan posisi elemen secara hidup.

Reloader Stylesheet

Muat ulang CSS stylesheet tanpa menyegarkan seluruh situs web, yang sangat menghemat waktu tunggu Anda terutama untuk desainer dengan koneksi internet yang lambat.

Profil Teknologi BuiltWith

Bagian paling keren dari ekstensi ini adalah mencantumkan setiap teknologi web yang diimplementasikan seperti kerangka kerja dan standar web dengan informasi yang sangat terperinci.

IE Tab Multi

Terbukti menjadi yang paling mirip dengan Internet Explorer asli, IE Tab Multi adalah Internet Explorer Anda di dalam Chrome yang mendukung banyak fitur standar IE seperti multi tabbing.

Resizer Jendela

Dengan Window Resizer, Anda dapat menguji kompatibilitas resolusi layar situs web Anda dengan resolusi layar standar atau yang ditentukan pengguna.

Validator HTML

Salah satu ekstensi validator terbaik yang dapat memvalidasi kode HTML halaman web online atau localhost dalam mode otomatis atau manual. Anda juga dapat memilih untuk menampilkan hasil validasi di halaman web atau melihatnya di tab yang sama sekali baru.

Melihat

Dengan berbagai opsi tema dan font, Sight menyoroti kode sumber situs web ke bentuk yang lebih nyaman secara visual.

Konsol PHP

Disadap oleh erro PHP tetapi tidak tahu apa dan di mana itu? PHP Console membantu Anda dengan menampilkan kesalahan, pengecualian, dan pesan debug di formulir pemberitahuan.

Pencarian API JavaScript

Pencarian API JavaScript menambahkan dukungan ke Omnibox Chrome, atau yang disebut bilah alamat untuk mencari fungsi JavaScript online dengan fitur pelengkapan otomatis. Jika ekstensi tidak dapat menemukan fungsi yang Anda cari, itu akan lebih lanjut menyarankan Anda pencarian terkait dari Google Codesearch, Pengembangan dan Pencarian Coding, dan pencarian Jaringan Pengembang Mozilla.

Pencarian API jQuery

Sementara jQuery telah membuktikan dirinya sebagai pustaka Javascript terkemuka yang meningkatkan pengalaman pengguna, jQuery API Search memberi Anda kemampuan untuk mencari melalui jQuery API dari Chrome Omnibox. Cukup ketik 'jq' diikuti oleh spasi di mahakotak, maka Anda sedang bepergian.

Pencarian PHP

Mirip dengan Pencarian API jQuery, ekstensi ini menambahkan dukungan ke Omnibox Chrome Anda untuk mencari kode PHP untuk penggunaan referensi Anda.

Produktifitas

Tetap fokus

Bersumpah untuk menjauhkan diri dari membuang-buang waktu situs web tetapi tidak pernah berhasil? Stay Focused bertindak sebagai penyelia virtual Anda yang memblokir waktu pemborosan situs web untuk waktu tertentu, dan menasihati Anda dengan serius ketika Anda mencoba membuka blokir atau mengurangi waktu pemblokiran situs. Itu juga dipersenjatai dengan fitur penting seperti opsi nuklir dan mode tantangan yang membunuh waktu Anda membuang-buang keinginan dengan cara tanpa ampun.

PopChrom

Dengan PopChrom, Anda dapat menentukan pintasan Anda sendiri untuk frasa teks, seperti 'ty' untuk 'terima kasih'. Kunci aktivasi diperlukan untuk mengubah singkatan menjadi frasa teks yang ditentukan, jadi pilih kombinasi tombol yang tidak macet dengan tombol pintas lainnya.

Kit Produktivitas Quickrr

Quickrr Productivity Kit memberi Anda sekumpulan alat dasar namun bermanfaat seperti penerjemah, kalkulator, tugas, pengonversi satuan, dll..

Penganut Todo

Dengan akun yang mudah diatur, Anda dapat mengakses ke pengelola tugas ini untuk mencatat dan mengedit setiap tugas yang harus Anda selesaikan. Bagian terbaik dari ekstensi ini adalah tugas Anda disimpan secara online sehingga Anda dapat mengakses catatan tugas di setiap Chrome dengan ekstensi ini terpasang.

Timer Ananke

Lacak waktu yang Anda habiskan untuk tugas tertentu, atau catat waktu yang Anda habiskan di situs web tertentu. Timer Ananke juga mendukung pelacakan beberapa waktu dan memungkinkan Anda untuk menelusuri apa yang telah Anda lacak sebelumnya.

Kotak Alat Chrome

Dibuat oleh Google, Chrome Toolbox menghadirkan fitur-fitur khusus seperti modifikasi perilaku tab, pemulihan data formulir, dan pembuatan pintasan yang meluncurkan tautan yang telah ditentukan sebelumnya dari folder bookmark.

Halaman Chrome Diperpanjang

Tidak ada yang suka mengklik lebih untuk mengakses halaman tertentu, Chrome Page Extended adalah pintasan tercepat Anda untuk mengakses semua halaman Chrome yang diperlukan seperti Ekstensi.

AppJump

Dengan AppJump, Anda dapat mengatur dan meluncurkan aplikasi Chrome dengan cepat dari bilah alat browser.

Bookmark Bar Switcher

Terlalu banyak bookmark dan gagal mengaturnya secara efisien? Boorkmark Bar Switcher memungkinkan Anda untuk membuat bar bookmark baru dan beralih di antara mereka dengan mudah.

TabCloud

Simpan sesi windows Anda dan pulihkan nanti di komputer mana pun dengan TabCloud, yang menghemat banyak waktu untuk membuka kembali situs web yang berbeda dari berbagai bagian folder bookmark..

Penyerahan sumber daya

Halaman Serupa

Dikembangkan oleh raksasa mesin pencari Google, Halaman Serupa mencari web untuk konten web serupa yang Anda baca dan tertarik untuk menemukan lebih banyak.

Pencarian Universal

Sumber daya atau referensi lebih mudah dengan Pencarian Universal, yang memberi Anda kotak pencarian dengan opsi untuk mencari di Wikipedia, Bing dan mesin pencari lainnya. Kotak pencarian juga akan muncul ketika Anda menyorot teks apa pun dari situs web yang sedang Anda lihat.

Screenshot Luar Biasa

Ekstensi tangkapan layar yang benar-benar luar biasa yang menangkap bagian mana pun dari situs web dan memberi keterangan dengan persegi panjang, lingkaran, panah, garis, dan teks. Anda kemudian dapat mengekspor tangkapan layar dalam format file PNG ke komputer atau web Anda.

Klip ke Evernote

Ekstensi resmi oleh Evernote untuk menangkap dan mencatat penemuan Anda di web kemudian mengunggah ke Evernote. Ekstensi ini juga mendukung fitur untuk mencari dan menyinkronkan catatan Anda yang disimpan.

Diigo

Gunakan Diigo untuk menyorot, membubuhi keterangan atau memposting catatan tempel secara pribadi atau secara publik ke halaman web sehingga Anda dapat melihatnya kapan saja Anda mencapai halaman web.

Thinkery

Pikirkan Thinkery sebagai otak online Anda, lalu simpan alamat tautan dan pilihan teks ke dalamnya untuk dilihat nanti.

catatan Saya

Mencatat harus menjadi proses yang mudah, dan itu mungkin dengan myNotes yang memungkinkan Anda untuk menandai teks yang dipilih hanya dengan satu klik pada menu konteks.

Pencarian Daya Foto Microstock

Mungkin satu-satunya ekstensi pencarian bagi Anda untuk mencari foto stok berkualitas tinggi dari agensi terkenal seperti Fotolia, Dreamstime dan Shutterstock.

Refleksi

Saat ekstensi dan aplikasi Chrome terus tumbuh dan berkembang dengan liar, ada kemungkinan bahwa semakin banyak pencinta Firefox akan merangkul Google Chrome sebagai browser web default mereka. Dengan itu, akankah Anda mengalihkan wajah Anda ke Google Chrome dengan jumlah ekstensi dan aplikasi saat ini? Apa ekstensi, aplikasi atau fitur yang akan memotivasi Anda untuk pindah ke Google Chrome?

Juga bagikan kepada kami jika Anda memiliki ekstensi yang bagus di Chrome Anda, selalu ada ruang untuk alat yang hebat!