Home-theater-designers
Som en webdesigner, hva er programvaren du absolutt må ha på datamaskinen din? Sjansen er at det er Photoshop og Illustrator. Og selv om det er det viktigste for designarbeidsflyten din, er det mindre verktøy du sannsynligvis ikke vet at du trenger.
Det beste er at du ikke engang trenger å laste dem ned --- bare installer disse Chrome-utvidelsene og du går. Fra å identifisere fonter på sider til å måle avstander mellom webelementer, disse Chrome -utvidelsene for nettdesign vil gjøre livet ditt enklere.
1. Dropbox for Gmail
Dropbox startet som en filvertstjeneste, men det oppdaget snart at hovedpublikummet er designere, som bruker tjenesten til å dele arbeidet sitt med kolleger. Fordi designfiler ofte er for store for e -postvedlegg, er det lettere å sende en Dropbox -lenke til filen.
Dropbox for Gmail gjør prosessen enda mer praktisk. Når du kobler til filen din med en Dropbox -knapp nederst i det nye e -postvinduet, får mottakeren en sniktitt på det du sender. Lenker til bildefiler vil laste opp bildene rett til e -posten, og lenker til andre typer filer vil generere en praktisk forhåndsvisning.
Installere: Dropbox for Gmail
2. FontFace Ninja
Med tusenvis av fonter tilgjengelig, er typografimulighetene uendelige. Spesielt hvis du kan identifisere en vakker skrift du ser et sted og låne den til ditt eget prosjekt.
FontFace Ninja er en Chrome -utvidelse som hjelper deg med å gjøre nettopp det. Mye som verktøy som finner fonter fra bilder det hjelper deg med å identifisere skriftene du ser på nettet. Den eneste forskjellen er at FontFace Ninja leser skriftene som er kodet inn i sidens CSS, som skrifttypen for overskrifter og brødtekst.
Når du starter FontFace Ninja, viser den informasjonen om skrifttypen du henviser den til --- og ikke bare skrifttypen, men også vekten, størrelsen, høyden, bredden og fargen. For å bokmerke denne skriften, trenger du en konto hos søstertjenesten, FontFace Dojo .
Installere: FontFace Ninja
3. ColorPick -pipett
Uansett hvor godt øye for farge du har, er det vanskelig å gjenskape en bestemt nyanse du så på nettet med mindre du kjenner dens RGB- eller HTML -verdier. Heldigvis trenger du ikke gjette om du har ColorPick pipett.
Som de beste fargevelgerappene for Mac , ColorPick Eyedropper viser deg verdiene for hvilken som helst farge du peker på. Forskjellen er at den alltid er der i nettleseren din og du ikke trenger å laste opp noe --- bare klikk på ikonet og flytt målet til riktig sted.
Utvidelsen leser farger fra tekst, bilder og stort sett alt du kan se på en webside (til og med annonsene). Når du har tatt en farge, viser den deg HTML-, RGB- og HSL -verdiene for den.
Installere: ColorPick -pipett
4. Dimensjoner
Denne utvidelsen med åpen kildekode er et funn for webdesignere, spesielt hvis du gjør engangsopptredener for små bedrifter. Når en klient gir deg et nettsted uten tidligere filer eller dokumentasjon og ber deg om å designe 'en side som denne, men med forskjellig tekst og bilder', er det vanskelig å finne ut layouten.
google home mini kobler ikke til wifi
Dimensjoner lar deg enkelt måle høyden og bredden på et hvilket som helst element på siden, samt marginene mellom dem. Det gjør det enkelt å gjenskape eksisterende sider og dobbeltsjekke dine egne design etter at de er i produksjon.
Installere: Dimensjoner
5. Visuell inspektør
Visual Inspector er et kraftig tilbakemeldings- og samarbeidsverktøy for designteam, som kombinerer funksjonene i de tre foregående utvidelsene og legger til enda flere.
I Undersøke -fanen, kan du velge et hvilket som helst element på siden for å få full informasjon om det, fra dimensjoner til filnavnet. De Farger og Typografi underfaner kan du se fargepaletten og alle fonter på et øyeblikk Eiendeler samler alle bildene på siden på ett sted.
De Samarbeide fanen er der du kan gi tilbakemelding og ha diskusjoner med teamet ditt, og det er enkelt å legge igjen en kommentar ved å klikke på et hvilket som helst element på siden.
hvordan legge ut collage på facebook
Som de fleste avanserte verktøy, kommer Visual Inspector med en prislapp: du må betale fra $ 9/bruker/måned for å legge til kommentarer og synkronisere endringer. De grunnleggende funksjonene som å inspisere farger, fonter og bilder er imidlertid gratis å bruke.
Installere: Visuell inspektør
6. Enkel skjermfangst
En forlengelse av skjermopptak kan virke overflødig, siden det er lett å ta et skjermbilde på Mac, og fange skjermen på Windows er bare litt mer stress. Men Easy Screen Capture har ganske mange salgsargumenter.
Viktigst av alt, det lar deg fange hele nettsiden, ikke bare området du ser på skjermen. Det er uvurderlig når du trenger å rapportere flere problemer på en lang side, og å fange dem alle vil ta tre til fire skjermbilder.
Et annet pent triks er å kunne kopiere skjermbildet til utklippstavlen og lime det rett inn i en chat eller en e -post, i stedet for å hamstre ubrukelige bildefiler på datamaskinen din.
Installere: Enkel skjermfangst
7. Icy 2
Til slutt er det en viktig oppgave du må håndtere hver morgen: å riste av søvnrestene og komme inn i sporet. Muzli 2 av InVision vil fungere som morgenavis med kuraterte artikler om kunst, design, UX og teknologi.
Muzli erstatter standard Chrome -fane og lar deg tilpasse det du ser der. Avhengig av dine interesser, vil Muzli velge feeder for deg, med nettsteder som spenner fra Dribble og Behance til 99designs og Creative Bloq. Mye inspirasjon å bla gjennom mens du nipper til den første kaffen!
Hvis du synes at en hel nettleserfan fullpakket med designinnhold er for intens, har Muzli også en Lite -versjon. Det vil ikke overstyre standardfanen din, og du får tilgang til feeden når du vil bare ved å klikke på utvidelsesikonet.
Installere: Icy 2
Få Chrome -utvidelser for alle dine designoppgaver
Chrome-utvidelsene på denne listen samsvarer ikke med designprogramvaren din, men de dekker alle de små tingene som følger med å være designer-det være seg typografiintel eller samarbeid med dine kolleger.
Når du innser at Chrome Nettmarked er full av verktøy, kan det være vanskelig å slutte å legge til nye. Så lær hvordan du administrerer Chrome -utvidelsene dine før de går ut av kontroll.
Dele Dele kvitring E -post Er det verdt å oppgradere til Windows 11?Windows har blitt redesignet. Men er det nok til å overbevise deg om å bytte fra Windows 10 til Windows 11?
Les neste Relaterte temaer- Internett
- Kreativ
- Google Chrome
- Webdesign
- Nettleserutvidelser
Alice er en teknologiforfatter med et mykt blikk for Apple -teknologi. Hun har skrevet om Mac og iPhone en stund, og er fascinert av hvordan teknologien omformer kreativitet, kultur og reiser.
Mer fra Alice KotlyarenkoAbonner på vårt nyhetsbrev
Bli med i vårt nyhetsbrev for tekniske tips, anmeldelser, gratis ebøker og eksklusive tilbud!
Klikk her for å abonnere