Nilalaman
- 01. Pasimplehin ang Gmail
- 02. Spectrum
- 03. CSS Scan 2.0
- 04. Amino
- 05. Sizzy
- 06. Site Palette
- 07. Checkbot
- 08. Toby
- 09. DomFlags
- 10. Mataas na Highlighter
Magaling ang Mga Dev Tool ng Chrome, ngunit posible na magdagdag ng higit pang mga kapanapanabik na tampok sa iyong internet browser upang gawing mas madali ang disenyo at pag-unlad ng web.
Mayroong syempre, isang tonelada ng iba pang mga tool sa paligid upang mapabilis ang mga bagay, tingnan ang aming paboritong post ng mga tool sa disenyo ng web. Gayunpaman, sa ngayon, narito ang 30 ng aming mga paboritong extension ng Chrome para sa mga web designer at developer.
01. Pasimplehin ang Gmail
Kung nahahanap mo ang pagkuha ng Gmail na medyo masyadong magulo para sa sarili nitong kabutihan, kamustahin ang Simplify Gmail, na aalisin ang lahat ng mga labi at hindi magagandang desisyon sa UI na pumasok dito sa nakaraang ilang taon. Nilikha ng dating nangungunang tagadisenyo ng Gmail, si Michael Leggett, tinatanggal ang lahat ng nakakagambala na kalat at binibigyan ka ng isang mas hubad at pabalik na bersyon.
02. Spectrum
Ang pagkabulag ng kulay ng ilang uri ay nakakaapekto sa halos 200 milyong mga tao sa buong mundo, ngunit ang pagtutuon para sa kanila ay madalas na mababa sa checklist ng kakayahang mai-access ng mga taga-disenyo. Gayunpaman, sa Spectrum, maaari mong mabilis na subukan ang iyong site laban sa iba't ibang uri ng kakulangan sa paningin ng kulay at matiyak na ang lahat ay malinaw.
03. CSS Scan 2.0
Ang Dev Tools ng Chrome ay isang madaling gamiting paraan ng pag-check sa ilalim ng bonnet upang makita kung paano gumagana ang isang site, ngunit mas madali ang CSS Scan 2.0 kung ito ang CSS na nais mong tingnan. Mag-hover sa anumang elemento at ang CSS nito ay lilitaw sa isang pop-up view, na nagbibigay-daan sa iyo upang kopyahin ang mga panuntunan nito sa isang solong pag-click. Maaari mo itong gamitin upang makopya ang mga partikular na elemento mula sa mga tema o template upang umangkop para sa iyong sariling paggamit, at mahusay para sa pag-debug ng iyong sariling code.
04. Amino
Narito ang isa pang mahusay na tool sa CSS. Ang Amino ay isang live na editor ng CSS na nagbibigay-daan sa iyong makabuo ng mga sheet ng estilo sa browser at ilapat ang mga ito sa realtime sa mga web site. Epektibong pinapayagan ka nitong gumawa ng permanenteng mga pagbabago sa disenyo sa anumang site na iyong binibisita, at kung naka-sign in ka sa Chrome gamit ang iyong Google account pagkatapos ay mai-sync ang mga style sheet upang ma-access mula sa Chrome sa lahat ng iyong mga desktop device.
05. Sizzy
Ang isang tumutugong disenyo ng web ay ibinigay sa mga araw na ito, at nais mo ng isang direktang paraan upang suriin ang iyong mga disenyo sa maraming mga viewport, sulit na tingnan si Sizzy. Ipapakita nito sa iyo ang isang interactive na pagtingin sa iyong pahina na nai-render sa isang iba't ibang mga laki ng screen ng aparato, at maaari mo ring ipakita at itago ang isang simulate na keyboard ng aparato, at lumipat sa pagitan ng mga mode ng portrait at landscape.
06. Site Palette
Sa susunod na makakita ka ng isang site na mahusay na gumamit ng kulay, narito ang isang simpleng paraan upang samantalahin ito. Kinukuha ng Site Palette ang mga pangunahing kulay mula sa isang website at bumubuo ng isang maibabahaging palette na madali mong maipapakita sa mga nakikipagtulungan. Maaari ka ring mag-download ng isang template ng Sketch, at mayroon ding suporta sa Adobe Swatch.
07. Checkbot
Ang pagtiyak na ang lahat ng mga link sa iyong site ay talagang gumagana ay isang instant na panalo ng kakayahang magamit at ito ay isang mahusay na paraan upang mapabuti ang iyong SEO, din. Ang Checkbot ay isang extension ng Chrome na sumusuri sa mga sirang link, duplicate na pamagat, redirect chain, hindi wastong HTML / JS / CSS at iba pa, upang mabilis mong ma-audit ang iyong site para sa mga hindi magagandang link at maiayos ang mga ito.
08. Toby
Ito ay isang katotohanang kinikilala ng buong mundo na sa oras na buksan mo ang Chrome sa loob ng ilang oras ay magiging isang nakalilito na pugad ng mga tab ang lapad ng iyong maliit na daliri. Ang magaling na paraan ni Toby upang paamuin sila; kasama nito maaari mong ayusin ang lahat ng mga tab na iyon sa mga koleksyon ng mga link bilang isang kahalili sa maraming mga indibidwal na mga bookmark, na ginagawang mas madali upang pamahalaan.
09. DomFlags
Radikal na mapabilis ang mga proseso ng mga elemento ng estilo sa DomFlags, isang tunay na mahusay na extension na nagbibigay-daan sa iyo upang lumikha ng mga keyboard shortcut para sa mga elemento ng DOM. Ito ay tulad ng pagkakaroon ng mga bookmark para sa pag-navigate sa DOM; babaguhin nito ang paraan ng iyong pagtatrabaho sa DevTools.
10. Mataas na Highlighter
Narito ang isang kagiliw-giliw na paraan upang dalhin ang mga tao sa isang talakayan: Lubos na hinahayaan kang magbahagi ng mga highlight mula sa mga artikulo sa web, upang maakit mo ang pansin sa pinakamahalagang piraso ng pagsulat.
Susunod: 10 pang mga extension ng Chrome
