7 kohustuslikku Chrome'i laiendust veebidisaineritele

7 kohustuslikku Chrome'i laiendust veebidisaineritele

Mis tarkvara veebidisainerina teie arvutis kindlasti peab olema? Tõenäoliselt on see Photoshop ja Illustrator. Ja kuigi need on teie disaini töövoo põhialused, on väiksemaid tööriistu, mida te ilmselt ei tea, et vajate.





Parim on see, et te ei pea neid isegi alla laadima-lihtsalt installige need Chrome'i laiendused ja minema. Alates lehtede fontide tuvastamisest kuni veebielementide vaheliste kauguste mõõtmiseni muudavad need veebidisainiga Chrome'i laiendused teie elu lihtsamaks.





1. Dropbox Gmaili jaoks

Dropbox alustas failide hostimise teenusena, kuid avastas peagi, et selle peamine sihtrühm on disainerid, kes kasutavad teenust oma töö kolleegidega jagamiseks. Kuna kujundusfailid on e -posti manuste jaoks sageli liiga suured, on lihtsam failile Dropboxi link saata.





Dropbox Gmaili jaoks muudab protsessi veelgi mugavamaks. Kui lingite oma failile uue e -posti akna allosas asuva Dropboxi nupu abil, saab adressaat teie saadetava kohta ülevaate. Pildifailide lingid laadivad pildid üles otse meilile ja lingid muud tüüpi failidele loovad käepärase eelvaate.

Installige: Dropbox Gmaili jaoks



2. FontFace Ninja

Kuna saadaval on tuhandeid fonte, on teie tüpograafiavõimalused lõputud. Eriti kui saate tuvastada ilusa fondi, mida kuskil näete, ja laenata see oma projekti jaoks.

FontFace Ninja on Chrome'i laiendus, mis aitab teil seda teha. Palju nagu tööriistad, mis leiavad piltidelt fonte see aitab tuvastada veebis nähtavaid fonte. Ainus erinevus on see, et FontFace Ninja loeb lehe CSS -i kodeeritud fonte, nagu pealkirjade kirjatüüp ja põhitekst.





FontFace Ninja käivitamisel kuvatakse teile teave fontide kohta, millele te selle suunate-ja mitte ainult kirjatüüp, vaid ka kaal, suurus, kõrgus, laius ja värv. Selle fondi järjehoidjate lisamiseks vajate kontot teenuses FontFace Dojo .

Installige: FontFace Ninja





3. Värvipipar

Olenemata sellest, kui hea värvivalik teil on, on raske võrgus nähtud varjundit uuesti luua, kui te ei tea selle RGB- või HTML -väärtusi. Õnneks ei pea te arvama, kas teil on ColorPick Eyedropper.

Nagu parimad värvivalija rakendused Maci jaoks , ColorPick Eyropper näitab teile kõigi värvide väärtusi, millele osutate. Erinevus on selles, et see on teie brauseris alati olemas ja te ei pea midagi üles laadima-klõpsake lihtsalt ikooni ja liigutage sihtmärk õigesse kohta.

Laiendus loeb värve tekstist, piltidest ja peaaegu kõigest, mida võite veebilehel näha (isegi reklaame). Kui olete värvi jäädvustanud, näitab see selle HTML-, RGB- ja HSL -väärtusi.

Installige: Värvipipar

4. Mõõtmed

See avatud lähtekoodiga laiendus on veebidisainerite leid, eriti kui teete väikeettevõtetele ühekordseid kontserte. Kui klient annab teile veebisaidi ilma eelmiste failide või dokumentatsioonita ja palub teil kujundada sellise lehe, kuid erineva teksti ja piltidega, on paigutuse väljamõtlemine valus.

Kuidas teha Windows 10 välja nagu Windows XP

Mõõtmed võimaldavad teil hõlpsalt mõõta lehe mis tahes elemendi kõrgust ja laiust ning nende vahelisi veeriseid. Nii on lihtne olemasolevaid lehti uuesti luua ja oma disainilahendusi pärast nende tootmist uuesti kontrollida.

Installige: Mõõtmed

5. Visuaalne inspektor

Visual Inspector on disainimeeskondade jaoks võimas tagasiside- ja koostöövahend, mis ühendab kolme eelmise laienduse funktsioone ja lisab neid veelgi.

Aastal Kontrollige vahekaardil saate selle kohta täieliku teabe saamiseks valida lehe mis tahes elemendi, alates mõõtmetest kuni failinimeni. The Värvid ja Tüpograafia alamvahekaardid võimaldavad teil korraga näha värvipaleti ja kõiki fonte Varad koondab kõik lehel olevad pildid ühte kohta.

The Tehke koostööd vahekaardil saate anda tagasisidet ja arutada oma meeskonnaga. Kommenteerimine on lihtne, klõpsates lehel mis tahes elemendil.

kust saab tasuta filme alla laadida

Nagu enamike täiustatud tööriistade puhul, on ka Visual Inspectoril hinnasilt: kommentaaride lisamiseks ja muudatuste sünkroonimiseks peate maksma alates 9 dollarist kasutaja kohta kuus. Selle põhifunktsioone, nagu värvide, fontide ja piltide kontrollimine, saab aga tasuta kasutada.

Installige: Visuaalne inspektor

6. Lihtne ekraanipilt

Ekraanipildi laiendus võib tunduda üleliigne, kuna Macis ekraanipildi tegemine on imelihtne ja ekraani jäädvustamine Windowsis on vaid natuke rohkem vaeva. Kuid Easy Screen Capture'il on üsna palju müügiargumente.

Kõige tähtsam on see, et see võimaldab jäädvustada kogu veebilehe, mitte ainult ekraanil kuvatavat ala. See on hindamatu, kui peate teatama mitmest probleemist pikal lehel ja nende kõigi jäädvustamine võtaks kolm kuni neli ekraanipilti.

Teine kena trikk on see, et saate ekraanipildi lõikelauale kopeerida ja otse vestlusesse või meilisõnumisse kleepida, mitte oma arvutis kasutuid pildifaile koguda.

Installige: Lihtne ekraanipilt

7. Jäine 2

Lõpuks on teil üks oluline ülesanne, millega peate igal hommikul tegelema: une jääkide raputamine ja soonde sattumine. InVisioni Muzli 2 on teie hommikune ajaleht koos kureeritud artiklitega kunsti, disaini, UX -i ja tehnoloogia kohta.

Muzli asendab teie vaikimisi Chrome'i vahekaardi ja võimaldab teil seal nähtavat kohandada. Sõltuvalt teie huvidest valib Muzli teile vooge, veebisaitidega alates Dribble ja Behance kuni 99designs ja Creative Bloq. Palju inspiratsiooni esimese kohvi rüübamise ajal sirvimiseks!

Kui arvate, et kogu brauseri vahekaart, mis on pakitud disaini sisuga, on liiga intensiivne, on Muzlil ka lihtsustatud versioon. See ei tühista teie vaikekaarti ja pääsete voole juurde igal ajal, kui soovite, lihtsalt klõpsates laiendiikoonil.

Installige: Jäine 2

Hankige Chrome'i laiendused kõigi oma disainiülesannete jaoks

Selles loendis olevad Chrome'i laiendid ei vasta teie disainitarkvarale, kuid need hõlmavad kõiki pisiasju, mis disaineriks olemisega kaasnevad-olgu see siis sisetüüp või kolleegidega koostöö.

Kui mõistate, et Chrome'i veebipood on täis tööriistu, võib uute lisamise lõpetamine olla raske. Nii et õppige kuidas hallata oma Chrome'i laiendusi enne kui nad käest ära lähevad.

Jaga Jaga Piiksuma E -post Kas tasub Windows 11 -le üle minna?

Windows on ümber kujundatud. Kuid kas sellest piisab, et veenda teid Windows 10 -lt Windows 11 -le üle minema?

Loe edasi
Seotud teemad
  • Internet
  • Loominguline
  • Google Chrome
  • Veebidisain
  • Brauseri laiendused
Autori kohta Alice Kotljarenko(Avaldatud 28 artiklit)

Alice on tehnoloogiakirjanik, kellel on Apple'i tehnoloogia jaoks pehme koht. Ta on mõnda aega Macist ja iPhone'ist kirjutanud ning teda köidab viis, kuidas tehnoloogia loovust, kultuuri ja reisimist ümber kujundab.

Veel Alice Kotljarenkolt

Telli meie uudiskiri

Liituge meie uudiskirjaga, et saada tehnilisi näpunäiteid, ülevaateid, tasuta e -raamatuid ja eksklusiivseid pakkumisi!

Tellimiseks klõpsake siin