15 Chrome-utvidelser for webdesignere og utviklere

Jeg bruker Google Chrome som min viktigste nettleser. Hvorfor? Fordi den er rask, enkel å bruke, pålitelig, sikker, enkel å bruke, kan tilpasses og har sin egen nettbutikk. Hvis du ikke bruker Google Chrome ennå, bør du vurdere det. I det minste installer den og prøv å bruke den i en uke eller så.



Som webdesigner eller utvikler vil du sannsynligvis oppleve at du bruker mye tid på Chrome. Det som overrasker meg mest med folk som bruker Chrome, er at de ikke benytter seg av utvidelser.

Utvidelser er i utgangspunktet egendefinerte verktøy som lar deg utnytte Chrome til sitt fulle potensiale. For eksempel kan du ta skjermbilder med et klikk eller en knapp, dele nettsteder med venner, kontrollere musikken din, få rangeringsinformasjon om forskjellige nettsteder og mye mye mer.

Chrome-butikken er fullpakket med utvidelser som vil øke produktiviteten din og forbedre den generelle arbeidsflyten. Så du kan like godt bruke verktøyene som er der for å gjøre livet ditt lettere. Det beste er at de alle er * gratis!

Ta en titt på disse 15 Chrome-utvidelsene som kan hjelpe deg med arbeidet ditt:

85 engelnummer

Chrome-utvidelser

Innholdsfortegnelse

1. FireBug Lite

FireBug er et kjent FireFox-tillegg som gjorde veien til Chrome. Det er spesielt nyttig for feilsøking av koder. Det lar deg også overvåke JavaScript, HTML og CSS live for alle nettsider.

Installere

2. WhatFont

WhatFont lar designere oppdage hvilken skrift som brukes på en webside med en enkel svever. Du kan også finne ut av dette ved å bruke FireBug og skure koden, men denne utvidelsen gjør det mye lettere.

Installere

3. Chrome Sniffer

Har du noen gang sett på et nettsted og tenkt: 'Hvordan er dette til og med mulig?' Chrome Sniffer lar deg finne ut hvordan. Det kan fortelle deg rammen på de fleste nettsteder. Den kan for øyeblikket oppdage mer enn 100 rammer.

Installere

4. Kode Cola

Code Cola tillater brukere å redigere CSS visuelt. Dette betyr at brukere kan klikke på et område på en webside og enkelt manipulere CSS. Dette kan potensielt spare designere mye tid.

Installere

5. ColorZilla

ColorZilla inkluderer en fargevelger, en pipette, sammen med en gradientgenerator . Det er også noen mer avanserte fargeverktøy . Du kan bruke fargevelgeren til å bestemme HTML-fargen på hvilken som helst del av en webside, og du kan lagre den fargen i en tilpasset palett. Alle trenger en fargevelger, og ColorZilla er en av de beste.

Installere

6. Tape

Tape er perfekt for designere som ønsker å sikre at layoutet er perfekt. Du kan enkelt bestemme størrelsen på elementene ved å legge ned guider som knipser til sidens innhold. Du trenger ikke lenger ta skjermbilder for å bestemme dimensjonene til elementene.

Installere

7. Oppløsningstest

Nettdesignere og utviklere må prøve nettstedene sine i forskjellige oppløsninger, men hva er den beste måten å gjøre dette på? Utvidelsen Resolution Test for Chrome tillater brukere å endre størrelsen på nettleservinduet for å se nettstedet i forskjellige oppløsninger. Du kan velge mellom vanlige skjermoppløsninger eller angi en egendefinert.

Installere

8. Speed ​​Tracer

Har du noen gang vært i en situasjon der nettstedet lastes opp sakte, og du ikke skjønte hvorfor? Speed ​​Tracer kan hjelpe. Speed ​​Tracer kan finne problemer forårsaket av JavaScript, CSS, timer-branner og mer.

Installere

9. lorem ipsum generator

Noen ganger trenger du tekst for å fylle en side, slik at du kan få en ide om hvordan den vil se ut når den er fylt. Lorem Ipsum Generator lar deg gjøre nettopp det. Du kan velge hvor mange ord du vil ha per avsnitt, og også hvor mange avsnitt du vil ha. Å fylle nettstedet ditt med innhold har aldri vært enklere.

Installere

10. Fanen Internet Explorer

Når du utvikler eller designer, må du teste nettstedet ditt i forskjellige nettlesere, hvorav den ene er Internet Explorer. Med Internet Explorer-fanen kan du enkelt vise nettstedet ditt i IE gjennom Chrome. Det er en nettleser mindre du må åpne.

Installere

11. Alexa Traffic Rank

Som webutvikler eller designer er du sannsynligvis interessert i hvor mye trafikk andre nettsteder får. De Alexa Traffic Rank lar deg se hvor mye trafikk et nettsted får. Dette kan være en interessant statistikk å observere. Du kan til og med bruke den på ditt eget nettsted, selv om du sannsynligvis har andre måter å bestemme dette på.

Installere

12. Microstock Photo Power Search Tool

Å se etter arkivbilder kan være tidkrevende og irriterende. Microstock Photo Power Search Tool gjør denne prosessen mye enklere. Denne utvidelsen lar deg søke gjennom arkivbilder fra de 5 beste lagerbyråene, som Fotolia og Shutterstock.

Installere

13. Palett for Chrome

Palette for Chrome er et morsomt, nyttig verktøy for webdesignere. Du kan velge hvilket som helst bilde og opprette et farge palett fra det bildet. Du kan lage paletter med 16, 24 eller 32 farger. Hvis du har et favorittbilde, kan du opprette et farge palett fra det og bruk det farge palett i utformingen av nettstedet ditt.

Installere

14. TooManyTabs

Mens du utvikler et nettsted, kan du finne deg selv med mange åpne nettleserfaner. TooManyTabs kan hjelpe deg med å administrere dem. Denne Chrome-utvidelsen lar deg se et miniatyrbilde av de åpnede fanene. Det er lett å glemme om du har en viss fane åpen, men TooManyTabs kan hjelpe deg med å finne den like enkelt.

Installere

15. Vanlig klær

PlainClothes lar deg se et nettsted i svart og hvit . Dette kan hjelpe deg med å finne feil på nettsteder eller finne ut hvordan ting fungerer. Det er et nyttig verktøy å bruke på både ditt eget nettsted og andre nettsteder.

Chrome har mange utvidelser for webutviklere og designere, som hver tilbyr noe unikt. Listen over inneholder 15 verktøy som er nyttige for de fleste webdesignere. Men hvis du har et spesifikt behov som ikke tilfredsstilles av en utvidelse ovenfor, kan du lese Chrome Web Store for å se om det finnes en utvidelse for deg.

Del Med Vennene Dine:

Siste Nytt

Populære Artikler