7 Dapat na Magkaroon ng Mga Extension ng Chrome para sa Mga Web Designer

7 Dapat na Magkaroon ng Mga Extension ng Chrome para sa Mga Web Designer

Bilang isang taga-disenyo ng web, ano ang software na talagang mayroon ka sa iyong computer? Ang mga pagkakataon ay ang Photoshop at Illustrator. At habang iyon ang mga mahahalaga sa iyong daloy ng trabaho sa disenyo, may mga mas maliit na tool na marahil ay hindi mo alam na kailangan mo.





Ang pinakamagandang bagay ay, hindi mo na kailangang i-download ang mga ito --- i-install lamang ang mga extension ng Chrome at palayo ka. Mula sa pagkilala ng mga font sa mga pahina hanggang sa pagsukat ng mga distansya sa pagitan ng mga elemento ng web, ang mga web extension na ito sa disenyo ng Chrome ay magpapadali sa iyong buhay.





1. Dropbox para sa Gmail

Nagsimula ang Dropbox bilang isang file hosting service, ngunit madaling natuklasan ang pangunahing madla nito ay ang mga taga-disenyo, na gumagamit ng serbisyo upang ibahagi ang kanilang trabaho sa mga kasamahan. Dahil ang mga file ng disenyo ay madalas na masyadong malaki para sa mga kalakip ng email, mas madaling magpadala ng isang Dropbox link sa file.





Ginagawang mas madali ng Dropbox para sa Gmail ang proseso. Kapag nag-link ka sa iyong file gamit ang isang pindutan ng Dropbox sa ilalim ng bagong window ng email, makakatanggap ang tatanggap ng isang sneak peek kung ano ang iyong ipinapadala. Ang mga link sa mga file ng imahe ay mag-a-upload ng mga imahe hanggang sa email, at ang mga link sa iba pang mga uri ng mga file ay makakabuo ng isang madaling gamiting pag-preview.

I-install: Dropbox para sa Gmail



2. FontFace Ninja

May libu-libong mga magagamit na font, ang iyong mga posibilidad sa palalimbagan ay walang katapusang. Lalo na kung maaari mong makilala ang isang magandang font na nakikita mo sa kung saan at hiramin ito para sa iyong sariling proyekto.

Ang FontFace Ninja ay isang extension ng Chrome na makakatulong sa iyong gawin iyon. Tulad ng mga tool na nakakahanap ng mga font mula sa mga imahe tinutulungan ka nitong makilala ang mga font na nakikita mo sa online. Ang pagkakaiba lamang ay binabasa ng FontFace Ninja ang mga font na naka-code sa CSS ng pahina, tulad ng typeface ng mga heading at teksto ng katawan.





Kapag inilunsad mo ang FontFace Ninja, ipapakita nito sa iyo ang impormasyon sa font na ididirekta mo rito --- at hindi lamang ang typeface, kundi pati na rin ang timbang, laki, taas, lapad, at kulay. Upang mai-bookmark ang font na iyon, kakailanganin mo ng isang account sa serbisyo ng kapatid na babae, FontFace Dojo .

I-install: FontFace Ninja





3. ColorPick Eyedropper

Hindi mahalaga kung gaano ka maganda ang isang mata para sa kulay na mayroon ka, mahirap muling likhain ang isang partikular na lilim na iyong nakita sa online maliban kung alam mo ang mga halagang RGB o HTML. Sa kabutihang palad, hindi mo kailangang hulaan kung mayroon kang ColorPick Eyedropper.

Gusto ang pinakamahusay na mga color picker app para sa Mac , Ipapakita sa iyo ng ColorPick Eyedropper ang mga halaga para sa anumang kulay na iyong itinuro. Ang pagkakaiba sa pagiging palaging nandiyan sa iyong browser at hindi mo kailangang mag-upload ng anumang bagay --- mag-click lamang sa icon at ilipat ang target sa tamang lugar.

Ang extension ay nagbabasa ng mga kulay mula sa teksto, mga imahe, at halos anumang nakikita mo sa isang web page (kahit na ang mga ad). Kapag nakakuha ka ng isang kulay, ipinapakita nito sa iyo ang mga halagang HTML, RGB, at HSL para dito.

I-install: ColorPick Eyedropper

4. Mga Dimensyon

Ang open-source extension na ito ay isang paghahanap para sa mga web designer, lalo na kung gumawa ka ng isang beses na gig para sa maliliit na negosyo. Kapag binigyan ka ng isang kliyente ng isang website nang walang anumang nakaraang mga file o dokumentasyon at hiniling sa iyo na magdisenyo 'ng isang pahina tulad nito, ngunit may iba't ibang teksto at mga imahe,' ang pag-alam sa layout ay isang sakit.

kung paano baguhin ang kulay sa cmd

Hinahayaan ka ng mga sukat na madaling masukat ang taas at lapad ng anumang elemento sa pahina, pati na rin ang mga margin sa pagitan nila. Ginagawa nitong madali upang muling likhain ang mga mayroon nang mga pahina at i-double check ang iyong sariling mga disenyo pagkatapos nilang gawin sa paggawa.

I-install: Mga Dimensyon

5. Visual Inspector

Ang Visual Inspector ay isang malakas na tool sa feedback at pakikipagtulungan para sa mga koponan ng disenyo, pinagsasama ang mga tampok ng nakaraang tatlong mga extension at pagdaragdag ng higit pa.

Nasa Siyasatin tab, maaari kang pumili ng anumang elemento sa pahina upang makakuha ng buong impormasyon tungkol dito, mula sa mga sukat hanggang sa pangalan ng file. Ang Kulay at Tipograpiya Hinahayaan ka ng mga subtab na makita ang mga color palette at lahat ng mga font nang isang sulyap, habang Mga Asset nangangalap ng lahat ng mga imahe sa pahina sa isang lugar.

Ang Makipagtulungan Ang tab ay kung saan maaari kang magbigay ng puna at magkaroon ng mga talakayan sa iyong koponan, at madaling mag-iwan ng komento sa pamamagitan ng pag-click sa anumang elemento sa pahina.

ano ang masamang temperatura para sa isang CPU

Tulad ng pinaka-advanced na mga tool, ang Visual Inspector ay mayroong tag ng presyo: kakailanganin mong magbayad mula sa $ 9 / user / buwan upang magdagdag ng mga komento at mga pagbabago sa pag-sync. Gayunpaman, ang mga pangunahing tampok nito tulad ng pag-inspeksyon ng mga kulay, font, at imahe, ay malayang gamitin.

I-install: Visual Inspector

6. Madaling Makunan ng Screen

Ang isang extension ng pagkuha ng screen ay maaaring mukhang kalabisan, dahil ang pagkuha ng isang screenshot sa Mac ay isang simoy, at pagkuha ng iyong screen sa Windows medyo hassle pa lang. Ngunit ang Easy Screen Capture ay may ilang mga puntos sa pagbebenta.

Pinakamahalaga, hinahayaan kang makuha ang buong web page, hindi lamang ang lugar na nakikita mo sa iyong screen. Hindi mabibili iyon kapag kailangan mong mag-ulat ng maraming mga isyu sa isang mahabang pahina, at ang pagkuha sa kanila lahat ay kukuha ng tatlo hanggang apat na mga screenshot.

Ang isa pang maayos na trick ay ang pagkopya ng screenshot sa clipboard at i-paste ito mismo sa isang chat o isang email, sa halip na itago ang mga walang kwentang mga file ng imahe sa iyong computer.

I-install: Madaling Makunan ng Screen

7. Yelo 2

Sa wakas, mayroong isang mahalagang gawain na kailangan mong harapin tuwing umaga: pag-alog ng labi ng pagtulog at pagkuha sa uka. Ang Muzli 2 ng InVision ay magsisilbing iyong pahayagan sa umaga na may mga na-curate na artikulo sa sining, disenyo, UX, at teknolohiya.

Pinalitan ni Muzli ang iyong default na tab na Chrome at pinapayagan kang ipasadya ang nakikita mo doon. Nakasalalay sa iyong mga interes, pipiliin ng Muzli ang mga feed para sa iyo, kasama ang mga website mula Dribble at Behance hanggang 99design at Creative Bloq. Maraming inspirasyon upang mag-scroll habang sinisipsip mo ang iyong unang kape!

Kung sa tingin mo ay masyadong matindi ang isang buong tab ng browser na naka-pack na may nilalaman ng disenyo, mayroon ding bersyon na Lite si Muzli. Hindi nito malalampasan ang iyong default na tab, at magagawa mong i-access ang feed kahit kailan mo gusto sa pamamagitan lamang ng pag-click sa icon ng extension.

I-install: Yelo 2

Kumuha ng Mga Extension ng Chrome para sa Lahat ng Iyong Mga Gawain sa Disenyo

Ang mga extension ng Chrome sa listahang ito ay hindi tugma para sa iyong software ng disenyo, ngunit sinasaklaw nila ang lahat ng maliliit na bagay na kasama ng pagiging isang taga-disenyo --- maging ito ay typography intel o nakikipagtulungan sa iyong mga kasamahan.

Kapag napagtanto mo na ang Chrome Web Store ay napupuno ng mga tool, maaaring mahirap ihinto ang pagdaragdag ng mga bago. Alamin kaya kung paano pamahalaan ang iyong mga extension sa Chrome bago sila makaalis sa kamay.

Magbahagi Magbahagi Mag-tweet Email Ito ba ay Worth Upgrading sa Windows 11?

Ang Windows ay muling idisenyo. Ngunit sapat na ba iyon upang kumbinsihin kang lumipat mula sa Windows 10 patungong Windows 11?

Basahin Susunod
Mga Kaugnay na Paksa
  • Internet
  • Malikhain
  • Google Chrome
  • Disenyo ng web
  • Mga Extension ng Browser
Tungkol sa May-akda Alice Kotlyarenko(28 Mga Artikulo Na-publish)

Si Alice ay isang manunulat ng teknolohiya na may malambot na lugar para sa Apple tech. Kanina pa siya nagsusulat tungkol sa Mac at iPhone, at nabighani sa mga paraan ng pagbabago ng teknolohiya ng pagkamalikhain, kultura, at paglalakbay.

Higit pa Mula kay Alice Kotlyarenko

Mag-subscribe sa aming newsletter

Sumali sa aming newsletter para sa mga tip sa tech, pagsusuri, libreng ebook, at eksklusibong deal!

Mag-click dito upang mag-subscribe