Ngayon, ibinabahagi ko sa iyo ang aking na-curate na listahan ng 12 extension ng Chrome para sa mga designer at developer. Ako ay nasasabik na ito ang aking lugar ng kadalubhasaan kaya't dumiretso na tayo dito.
1. Ang Dakilang Suspender
AngThe Great Suspender ay isang libre at open-source na extension ng Google Chrome na nagpapaliit sa dami ng memory na ginagamit ng Chrome. Ginagawa nito ito sa pamamagitan ng awtomatikong pagsususpinde ng mga tab na natutulog.Sa ilalim ng hood, ang ginagawa nito ay alisin ang mga natutulog na web page ng kanilang mga graphics, JS, atbp.
The Great Suspender Chrome Extension
2. UX Check
UX Check Tinutulungan ka ng Chrome Extension na makilala ang mga isyu sa usability sa pamamagitan ng mabilis at madaling heuristic na pagsusuri.
Simple lang ang workflow. Mag-click sa icon para ilunsad ang Nielsen's Ten Heuristics sa isang side panel tulad ng may Chrome Dev tool . Maaari kang mag-click sa anumang elemento na hindi pumasa sa pagsusuri upang magdagdag ng mga tala, kumuha ng mga screenshot, at i-export bilang s docx file para sa madaling pagbabahagi.
UX Check Chrome Extension
3. Patak ng Mata
Eye Dropper ay ang pinaka-kahanga-hangang tool sa pagpili ng kulay sa abot ng aking pag-aalala.Nagtatampok ito ng 2 tab – Eyedropper at Cooler picker. Binibigyang-daan ka ng tool ng eyedropper na pumili ng mga kulay mula sa anumang web page habang binibigyang-daan ka ng tool ng color picker na pumili ng mga custom na kulay.
Mga kulay na pinili mula sa mga web page o pinili mula sa tab na tagapili ng kulay ay awtomatikong nase-save sa isang palette na maaari mong i-download bilang isang CSV file. Gayundin, ipinapakita ng Eye Dropper ang lahat ng kulay sa RGB, HSL, HEX code, at ayon sa pangalan, at sinusuportahan nito ang mga keyboard shortcut.
Eye Dropper Chrome Extension
4. FontFace Ninja
FontFace Ninja ay may kakayahang magpakita ng impormasyon sa anumang mga font sa anumang website. Naglalaman ito ng mga link sa pag-download para sa mga libreng font at isang opsyon upang ipakita ang mga presyo ng mga binabayaran.
FontFace Ninja ay mayroon ding mga opsyon upang gumamit ng dark mode, mag-detect ng mga font sa mga larawan (beta), at magpakita ng mga opsyon sa pag-bookmark.
FontFace Ninja Chrome Extension
5. Tagapamahala ng Pahina
AngPage Ruler ay isang minimalist na ruler extension na nagbibigay-daan sa iyong sukatin ang mga lapad at taas sa mga web page. Nagtatampok ito ng ilang keyboard shortcut, nabigasyon sa pamamagitan ng mga elemento ng magulang at anak, mga alituntunin sa pagsukat, at lokalisasyon sa 10 wika.
Page Ruler Chrome Extension
6. Facebook Video Downloader
FB Down ay madaling makapag-download ng mga video mula sa Facebook at anumang iba pang page na may video playback. Magagamit mo ito para i-download ang lahat ng sikat na format ng media kabilang ang ilang partikular na naka-copyright na video (kapag pinili mong i-download ang video nang walang audio).
FB Down ay gumaganap bilang isang link sniffer sa mga web page at ang icon ay lumiliwanag kapag nakakita ito ng nada-download na content.
Facebook Video Downloader Chrome Extension
7. PerfectPixel
PerfectPixel ng WellDoneCode, ay ang pinakamahusay na extension para sa paggawa ng mga website na perpektong pixel. Pinapayagan ka nitong magtakda ng mga larawan bilang mga overlay na maihahambing mo sa site ng pag-unlad. Sinusuportahan nito ang mga keyboard shortcut, semi-transparent na overlay ng larawan, at higit pa.
PerfectPixel Chrome Extension
8. TinEye
AngTinEye ay ang perpektong reverse image tool sa paghahanap at ang unang nagpatupad ng teknolohiya sa pagkilala sa larawan, sa halip na mga keyword, metadata o watermark. Gumagana ito sa pamamagitan ng paglikha ng mga natatanging digital na lagda para sa mga larawan at pagkatapos ay inihahambing ang mga lagda sa mga nasa index nito.
TinEye ay hindi lamang nagbabalik ng mga katulad na larawan sa mga resulta ng paghahanap nito ngunit ang mga eksaktong tugma ay hindi kasama ang mga na-crop, na-resize, at na-edit na mga bersyon.
TinyEye Chrome Extension
9. CSS Pepper
Binibigyang-daan ka ngCSS Pepper na mag-extract ng CSS (kahit ng mga nakatagong bagay) at bumuo ng magagandang istilong gabay sa maayos na paraan. Nagbibigay-daan ito sa mga designer at developer na gumugol ng oras sa pagtatrabaho sa disenyo kaysa sa paghahanap sa pamamagitan ng code.
CSS Pepper Chrome Extension
10. WhatRuns
WhatRuns ay nagpapaalam sa iyo ng lahat ng bagay na tumatakbo sa anumang website kabilang ang mga frameworks, tema, font, CMS atbp.
Gayundin, maaari mong sundan ang mga website upang maabisuhan ka ng extension kung kailan nagdagdag ng anumang mga bagong teknolohiya.
What Runs Chrome Extension
11. Muzli
AngMuzli ay isang libreng extension na nagdadala ng libu-libong maganda, nakaka-inspire, mga disenyo mismo sa iyong browser sa anyo ng isang bagong kapalit na tab .
Sa bawat oras na magbubukas ka ng bagong tab, pupunuin ito ni Muzli ng ilan sa mga pinakamagandang disenyo mula sa 120+ na mapagkukunan kabilang ang InVision, Muzli, Dribble, Product hunt, CNN, CSS Author, atbp! Isa itong hiyas para sa mga designer.
Muzli Chrome Extension
12. Mga Dimensyon
AngDimensions ay isang libre at open-source na extension na nag-aalok sa iyo ng matalinong paraan upang sukatin ang mga distansya sa pagitan ng mga elemento ng page.
Hanapin ang mga sukat ng larawan at mga elemento ng HTML sa pamamagitan ng pag-drag at pag-hover sa iyong mouse nang medyo. Maaari ka ring gumamit ng mga keyboard shortcut upang gumana – tandaan lamang na magtakda ng keyboard shortcut sa dulo ng listahan ng mga extension ng Chrome upang i-toggle ang extension upang ma-enjoy ang pinakamagandang karanasan.
Mga Dimensyon ng Chrome Extension
Mayroong iba pang extension na dapat mong malaman tungkol sa hal. Nilalayon ng Checkbot na palakasin ang iyong reputasyon sa SEO at pangkalahatang bilis at seguridad ng website sa pamamagitan ng pagsuri para sa mga sirang link, hindi secure na page, invalid na HTML/CSS/JS, duplicate na pamagat, at iba pa mga isyu na maaaring hindi mo mapansin sa panahon ng pag-unlad.
At Tingnan ang Aking Mga Link na gumagapang sa iyong mga web page upang matiyak na wala kang mga sirang link – ang isang ito ay libre ngunit hindi bilang matatag.
Mayroon ka bang mga cool na extension para sa mga designer at developer na dapat naming malaman? Idagdag sila sa comments section sa ibaba.