7 Must-Have Chrome kiterjesztés a webes tervezők számára

Hirdetés

Milyen webdesignerként milyen szoftverrel kell rendelkeznie a számítógépén? Ennek esélye a Photoshop és az Illustrator. És bár ezek a tervezési munkafolyamatok alapvető elemei, vannak kisebb eszközök, amelyekre valószínűleg nem tudja, hogy szüksége van.

A legjobb dolog az, hogy nem is kell letöltenie őket - telepítse ezeket a Chrome-bővítményeket, és csak megy. Az oldalak betűkészleteinek azonosításáig a webelemek közötti távolság méréséig a webes weboldal tervezésével készült Chrome-bővítmények megkönnyítik az életét.

1. Dropbox a Gmailhez

A Dropbox fájlkezelő szolgáltatásként indult, de hamarosan felfedezte, hogy legfontosabb közönsége a tervezők, akik a szolgáltatást arra használják, hogy megosszák munkájukat kollégáikkal. Mivel a tervezési fájlok gyakran túl nagyok az e-mail melléklethez, könnyebb elküldeni a Dropbox linket a fájlra.

A Dropbox for Gmail még kényelmesebbé teszi a folyamatot. Amikor az új e-mail ablak alján található Dropbox gombbal hivatkozik a fájlra, a címzett bepillantást kap a küldött adataiba. A képfájlokra mutató linkek feltöltik a képeket közvetlenül az e-mailbe, és más fájltípusokra mutató hivatkozások praktikus előnézetet generálnak.

Telepítés:Dropbox a Gmailhez

2. FontFace Ninja

Több ezer betűtípus elérhető, a tipográfia lehetőségei végtelenek. Különösen akkor, ha azonosíthat egy gyönyörű betűtípust, amelyet valahol lát, és kölcsön tudja venni saját projektjéhez.

A FontFace Ninja egy Chrome kiterjesztés, amely segít Önnek erre. Nagyon hasonló a eszközök, amelyek betűkészleteket találnak a képekből WhatTheFont és 4 alternatíva betűkészletek kereséséhez a képekbőlSzeretne betűkészleteket találni a képekből? Vannak online eszközök, amelyek meg tudják csinálni az Ön számára, ideértve a WhatTheFont és a különféle alternatívákat. Olvass tovább segít azonosítani az online betűtípusokat. Az egyetlen különbség az, hogy a FontFace Ninja beolvassa az oldal CSS-be kódolt betűkészleteket, például a fejlécek és a szöveges betűtípust.

Amikor elindítja a FontFace Ninja programot, megmutatja a betűtípus adatait, amelyre irányítja - és nem csak a betűtípust, hanem a súlyt, a méretet, a magasságot, a szélességet és a színt is. Annak a betűkészletnek a könyvjelzőjéhez egy fiókra van szüksége a nővére szolgáltatásban, FontFace Dojo.

Telepítés:FontFace Ninja

3. ColorPick szemcsepp

Nem számít, mennyire jó a szem a színeknél, nehéz egy új árnyalatot újra létrehozni, amelyet online látott, kivéve, ha ismeri annak RGB vagy HTML értékeit. Szerencsére nem kell kitalálnia, hogy van-e ColorPick Eyedropper.

Tetszik a legjobb színválasztó alkalmazások Mac-hez Az 5 legjobb színválasztó alkalmazás Mac-hezMeg kell találnia a tökéletes színt a Mac számítógépen? Próbálja ki ezeket a macOS színválasztó alkalmazásokat a színek azonosításához, mentéséhez, formázásához és másolásához. Olvass tovább , A ColorPick Eyedropper megmutatja minden olyan szín értékét, amelyre mutat. A különbség az, hogy mindig ott van a böngészőben, és nem kell feltöltenie semmit - csak kattintson az ikonra, és mozgassa a célt a megfelelő helyre.

A kiterjesztés a szövegek, a képek és a weboldalon esetlegesen látott színek (akár a hirdetések) színét olvassa be. Ha elfog egy színt, megmutatja a HTML, RGB és HSL értékeit.

Telepítés:ColorPick szemcsepp

4. Méretek

Ez a nyílt forráskódú kiterjesztés weblaptervezők számára ajánlott, különösen, ha egyszeri koncerteket készít kisvállalkozások számára. Amikor egy ügyfél előző fájlok vagy dokumentumok nélkül átadja a webhelyet, és kéri, hogy készítsen „egy ilyen oldalt, de eltérő szöveggel és képpel”, fájdalom az elrendezés kitalálása.

A Méretek segítségével könnyen megmérheti az oldal bármely elemének magasságát és szélességét, valamint az azok közötti margókat. Ez megkönnyíti a meglévő oldalak újbóli létrehozását és a gyártás megkezdése utáni ellenőrzését a saját tervein.

Telepítés:Méretek

5. Vizuális ellenőr

A Visual Inspector egy hatékony visszacsatolási és együttműködési eszköz a tervező csapatok számára, ötvözve az előző három kiterjesztés funkcióit, és még többet hozzáadva.

Ban,-ben ellenőriz lapon bármilyen elemet kiválaszthat az oldalon, hogy teljes információt kapjon róla, a mérettől a fájlnévig. Az Színek és Tipográfia Az altáblák lehetővé teszik, hogy a színpaletta és az összes betűtípus egy pillanat alatt megjelenjen eszközök összegyűjti az összes képet az oldalon egy helyen.

Az Együttműködik lapon adhat visszajelzéseket és megbeszéléseket folytathat a csapatával, és könnyű hozzászólást hagyni az oldal bármely elemére kattintva.

A legfejlettebb eszközökhöz hasonlóan a Visual Inspector árcédulával is rendelkezik: havi 9 dollárt kell fizetnie / felhasználó / hónap, hogy megjegyzéseket fűzzön hozzá, és szinkronizálja a változásokat. Alapvető jellemzői, például a színek, betűtípusok és képek ellenőrzése, szabadon használhatók.

Telepítés:Vizuális ellenőr

6. Könnyű képrögzítés

A képernyővételi kiterjesztés feleslegesnek tűnik, mivel képernyőképet készít a Mac számítógépen Hogyan készítsen képernyőképeket Mac számítógépen: tippek, eszközök és tudnivalókKészítsen egy képernyőképet a mac-ján? Itt található a legjobb hivatkozások, tippek és alkalmazások a MacOS képernyőképeihez. Olvass tovább szellő, és a képernyő rögzítése a Windows rendszeren Hogyan lehet a tökéletes képernyőképet készíteni a Windows rendszerbenA képernyőképezés legjobb módja a használt Windows verziójától függ. Megmutatjuk a finom különbségeket, adunk hibaelhárítási tippeket, és felfedjük a legjobb billentyűparancsokat és eszközöket. Olvass tovább csak egy kicsit több gond. Az Easy Screen Capturenak azonban nagyon sok értékesítési pontja van.

A legfontosabb, hogy lehetővé teszi a teljes weboldal elfogását, nem csak a képernyőn látható területet. Ez felbecsülhetetlen, ha több problémáról kell beszámolnia egy hosszú oldalon, és mindegyik rögzítése három-négy képernyőképeket igényel.

Egy másik ügyes trükk az, hogy a képernyőképet a vágólapra másolhatja, és közvetlenül a csevegőbe vagy e-mailbe illesztheti, ahelyett, hogy a számítógépén használhatatlan képfájlokat tárolna.

Telepítés:Könnyű képrögzítés

7. Muzli 2

Végül, van egy döntő fontosságú feladat, amelyet minden reggel meg kell birkóznia: az alvásmaradványok lerázása és a horonyba való bejutás. Az InVision Muzli 2 a reggeli újságként szolgál művészettel, tervezéssel, UX-vel és technológiával kapcsolatos kurátuscikkekkel.

A Muzli felváltja az alapértelmezett Chrome lapot, és lehetővé teszi az ott látható látvány testreszabását. Érdeklődésétől függően a Muzli hírcsatornákat fog választani az Ön számára, a Dribble és Behance, a 99designs és a Creative Bloq weboldalakkal kezdve. Rengeteg inspiráció van az átkíséréshez, miközben kortyolgatja az első kávét!

Ha úgy gondolja, hogy egy teljes, a tervezési tartalommal ellátott böngésző lap túl intenzív, akkor a Muzli Lite változattal is rendelkezik. Nem fogja felülírni az alapértelmezett lapot, és bármikor hozzáférhet a hírcsatornához, csak a kiterjesztés ikonra kattintva.

Telepítés:Muzli 2

Szerezzen be Chrome-bővítményeket az összes tervezési feladathoz

A listán szereplő Chrome-bővítmények nem felelnek meg a tervezőszoftvernek, de az összes kiterjednek apró dolgok, amelyek a tervezővé válásával járnak - legyen szó tipográfiáról vagy együttműködésről kollégák.

Ha rájössz, hogy a Chrome Internetes áruház eszközzel gazdagodik, nehéz lehet abbahagyni az újak hozzáadását. Tehát tanulj a Chrome-bővítmények kezelése A Chrome-bővítmények kezelése minden zavarás nélkülA Chrome-bővítmények megfelelő kezelése a böngészőt még hatékonyabbá teszi. Íme néhány alapvető tipp és tanács, amelyeket tudnia kell. Olvass tovább mielőtt kiszabadultak volna.