Hari ini, saya berkongsi dengan anda senarai susun atur saya bagi 12 sambungan Chrome untuk pereka bentuk dan pembangun. Saya teruja kerana ini adalah bidang kepakaran saya, jadi mari kita lakukannya.
1. Penggantung Hebat
The Great Suspender ialah sambungan Google Chrome percuma dan sumber terbuka yang meminimumkan jumlah memori yang digunakan Chrome. Ia melakukan ini dengan menggantung tab yang telah tidak aktif secara automatik.Di bawah tudung apa yang ia lakukan ialah menanggalkan halaman web yang tidak aktif daripada grafik, JS, dll.
Sambungan Chrome Penggantung Hebat
2. Semakan UX
Pemeriksaan UX Sambungan Chrome membantu anda mengenali isu kebolehgunaan melalui penilaian heuristik yang cepat dan mudah.
Aliran kerja adalah mudah. Klik pada ikon untuk melancarkan Nielsen's Ten Heuristics dalam panel sisi seperti dengan Chrome Dev alatan . Anda boleh mengklik mana-mana elemen yang tidak lulus penilaian untuk menambah nota, mengambil tangkapan skrin dan mengeksport sebagai fail docx untuk perkongsian mudah.
Pelanjutan Chrome Semak UX
3. Penitis Mata
Penitis Mata ialah alat memilih warna yang paling hebat setakat yang saya ketahui.Ia mempunyai 2 tab – Penitis Mata dan Pemetik. Alat penitis mata membolehkan anda memilih warna daripada mana-mana halaman web manakala alat pemilih warna membolehkan anda memilih warna tersuai.
Warna yang dipilih daripada halaman web atau dipilih daripada tab pemilih warna disimpan secara automatik dalam palet yang boleh anda muat turun sebagai fail CSV. Selain itu, Eye Dropper memaparkan semua warna dalam kod RGB, HSL, HEX dan mengikut nama, dan ia menyokong pintasan papan kekunci.
Sambungan Chrome Penitis Mata
4. FontFace Ninja
FontFace Ninja mampu memaparkan maklumat pada mana-mana fon pada mana-mana tapak web. Ia mengandungi pautan muat turun untuk fon percuma dan pilihan untuk memaparkan harga fon berbayar.
FontFace Ninja juga mempunyai pilihan untuk menggunakan mod gelap, mengesan fon dalam imej (beta) dan memaparkan pilihan penanda halaman.
FontFace Ninja Chrome Sambungan
5. Pembaris Halaman
Pembaris Halaman ialah sambungan pembaris minimalis yang membolehkan anda mengukur lebar dan ketinggian pada halaman web. Ia menampilkan beberapa pintasan papan kekunci, navigasi melalui elemen ibu bapa dan anak, garis panduan pengukuran dan penyetempatan dalam 10 bahasa.
Pelanjutan Chrome Pembaris Halaman
6. Pengunduh Video Facebook
FB Down boleh memuat turun video dengan mudah daripada Facebook dan mana-mana halaman lain dengan main balik video. Anda boleh menggunakannya untuk memuat turun semua format media popular termasuk video berhak cipta tertentu (apabila anda memilih untuk memuat turun video tanpa audio).
FB Down bertindak sebagai penghidu pautan pada halaman web dan ikon menyala apabila ia melihat kandungan yang boleh dimuat turun.
Facebook Video Downloader Sambungan Chrome
7. PerfectPixel
PerfectPixel oleh WellDoneCode, ialah sambungan terbaik untuk mencipta tapak web sempurna piksel. Ia membolehkan anda menetapkan gambar sebagai tindanan yang boleh anda bandingkan dengan tapak pembangunan. Ia menyokong pintasan papan kekunci, tindanan imej separa lutsinar dan banyak lagi.
PerfectPixel Chrome Sambungan
8. TinEye
TinEye ialah alat carian imej terbalik yang sempurna dan yang pertama melaksanakan teknologi pengenalan imej, bukannya kata kunci, metadata atau tera air. Ia berfungsi dengan mencipta tandatangan digital yang unik untuk imej dan kemudian membandingkan tandatangan dengan tandatangan dalam indeksnya.
TinEye bukan sahaja mengembalikan imej yang serupa dalam hasil cariannya tetapi padanan tepat tidak termasuk versi yang dipangkas, diubah saiz dan diedit.
Sambungan ChromeTinyEye
9. CSS Pepper
CSS Pepper membolehkan anda mengekstrak CSS (walaupun objek tersembunyi) dan membina panduan gaya yang cantik dengan cara yang teratur. Ini membolehkan pereka bentuk dan pembangun meluangkan masa mengerjakan reka bentuk daripada mencari melalui kod.
Sambungan Chrome Pepper CSS
10. WhatRuns
WhatRuns memberitahu anda tentang semua yang berjalan di mana-mana tapak web termasuk rangka kerja, tema, fon, CMS dll.
Selain itu, anda boleh mengikuti tapak web agar sambungan memberitahu anda apabila sebarang teknologi baharu ditambahkan.
What Runs Chrome Extension
11. Muzli
Muzli ialah sambungan percuma yang membawa beribu-ribu reka bentuk yang cantik, memberi inspirasi, terus ke penyemak imbas anda dalam bentuk penggantian tab baharu .
Setiap kali anda membuka tab baharu Muzli mengisinya dengan beberapa reka bentuk tercantik daripada 120+ sumber termasuk InVision, Muzli, Dribble, Product hunt, CNN, CSS Author, dsb. Ini adalah permata untuk pereka.
Sambungan Chrome Muzli
12. Dimensi
Dimensi ialah sambungan percuma dan sumber terbuka yang menawarkan anda cara pintar untuk mengukur jarak antara elemen halaman.
Cari dimensi imej dan elemen HTML dengan menyeret dan melayang tetikus anda secara relatif. Anda juga boleh menggunakan pintasan papan kekunci untuk berfungsi – cuma ingat untuk menetapkan pintasan papan kekunci pada penghujung senarai sambungan Chrome untuk menogol sambungan untuk menikmati pengalaman terbaik.
Dimensi Sambungan Chrome
Terdapat sambungan lain yang perlu anda ketahui cth. Checkbot bertujuan untuk meningkatkan reputasi SEO anda serta kelajuan dan keselamatan keseluruhan tapak web dengan menyemak pautan rosak, halaman tidak selamat, HTML/CSS/JS tidak sah, tajuk pendua dan lain-lain isu yang mungkin anda tidak perasan semasa pembangunan.
Dan Semak Pautan Saya yang merangkak melalui halaman web anda untuk memastikan anda tidak mempunyai pautan yang rosak – yang ini adalah percuma tetapi bukan seperti teguh.
Adakah anda mempunyai sambungan hebat untuk pereka bentuk dan pembangun yang patut kami ketahui? Tambah mereka di bahagian komen di bawah.