Hjemmeside » Toolkit » 40 Nyttige Google Chrome-utvidelser for webdesignere

    40 Nyttige Google Chrome-utvidelser for webdesignere

    Jeg elsker Google Chrome. Dens enkelhet, fart og ytelse er topp hakk, utvilsomt. Men noen ganger, å være for enkelt, er også et problem, spesielt for oss webdesignere som er avhengige av Firefox-addons som webutvikler. Jeg gikk bort fra Chrome, ja, bare fordi det ikke hadde noen addon tilbake i 2008.

    Men nå endres alt igjen. Det er ingen overraskelse at andre geeks har samme kjærlighet til Chrome, og de bestemte seg for å lage Chrome Extension, som har lignende funksjon til Firefox Addon. Jeg gravd til disse utvidelsene og var veldig fornøyd med dem, derfor bestemte jeg meg for å plukke opp 40 utvidelser som er svært nyttig for webdesignere og del med dere.

    Så her er de for deg, utstyr Chrome og øk produktiviteten din opp.

    Farge

    Fargevelger

    Like som navnet, er ColorPicker en praktisk utvidelse som er opprettet hovedsakelig for å velge og få fargens verdi fra hvor som helst på nettsiden. I tillegg kan du velge et område og deretter klikke på fargepaletten for å se hvordan områdets farge endres uten å berøre noen kode.

    Chrome Palette

    Har du hodepine på å finne fargevalg fra bildet? Chrome-paletten løser problemet effektivt ved å opprette opptil 64 fargepaletter fra nettstedets bilde for dine design- eller inspirasjonsbehov.

    Color Tweaker

    Color Tweaker kan endre fargen på nettstedet som Color Picker, men med en mer spesifikk metode. Bare skriv inn CSS-velgeren på denne utvidelsen, og juster deretter fargen på teksten, bakgrunnen og grensen til din vilje.

    typografi

    Font Editor

    Ikke mer gjetning og slitsomt programbytte, lar Font Editor deg endre og observere skriftinnstilling som størrelse, linjehøyde og variant livlig.

    Google Font Previewer

    Som angitt i navnet, kan denne utvidelsen tillate deg å forhåndsvise skrifttype fra Google Font Directory med tekst styling alternativer som er størrelse, stil, vekt og skygger. Hvis du er fornøyd med bestemt skrift, kan du kopiere og lime inn koblingen og CSS-koden som er oppgitt i utvidelsen til webområdet ditt, for å bruke fonten.

    Utvikling

    Webutvikler

    Sannsynligvis må-har forlengelse for webdesigner og utvikler. Fra å vise skript for å vise objektinformasjon, har webutvikler som mål å gi alle opplysninger du trenger fra et eksisterende nettsted. Utvidelsen er også bevæpnet med nyttige verktøy som fargeplukker, vinduesresider, validator osv.

    Pendule

    Lett og praktisk utviklerverktøy som ligner på webutvikleren, men bare utstyrt med nødvendige verktøy som stilviseren, kildeviseren og validatoren.

    Firebug Lite

    Forskjellig fra hva det er i Firefox, tilbyr Firebug Lite Firefox-lignende visuell representasjon når det gjelder HTML-elementer, DOM-elementer og Box Model Sharing. Det kommer også med muligheten til å inspisere HTML-elementer med musen, og du kan redigere CSS-egenskaper med denne utvidelsen livlig.

    Stylebot

    Stylebot gir deg muligheten til å utforme et nettsted direkte uten å berøre CSS-koden, noe som sparer mye skrivearbeid. Den beste funksjonen i denne utvidelsen er sannsynligvis dens evne til å generere CSS-kode for din bruk hver gang du gjør en endring til nettstedet.

    CSSViewer

    Er du lei av å trykke 'Inspiser Element' hver gang du vil vite hvilken CSS-stil som brukes på enkelte elementer? CSS Viewer hjelper deg med å vise viktig informasjon som font, farge og posisjonering av elementet livlig.

    Stylesheet Reloader

    Oppdaterer CSS stilark uten forfriskende hele nettstedet, noe som sparer ventetiden din spesielt, spesielt for designeren med sakte internettforbindelse.

    BuiltWith Technology Profiler

    Den kuleste delen av denne utvidelsen er det lister ut hver implementert webteknologi som rammeverk og webstandard med svært detaljert informasjon.

    IE Tab Multi

    Bevist å være den mest liknende til den opprinnelige Internet Explorer, er IE Tab Multi din Internet Explorer i Chrome som støtter tonnevis av IEs standardfunksjon som multi tabbing.

    Window Resizer

    Med Window Resizer kan du teste nettstedets skjermoppløsningskompatibilitet med standard eller brukerdefinerte skjermoppløsninger.

    HTML Validator

    En av de beste valideringsutvidelsene som kan validere HTML-koden til nettsiden på nettsiden eller localhost i enten automatisk eller manuell modus. Du kan også velge å vise valideringsresultatet på nettsiden, eller se det på en helt ny kategori.

    Syn

    Med ulike tema- og skriftalternativer fremhever Sight kildekoden til nettstedet til en mer visuelt behagelig form.

    PHP-konsoll

    Blir bugged av PHP erros, men vet ikke hva og hvor det er? PHP Console hjelper deg med å vise feil, unntak og feilsøking i varslingsskjema.

    JavaScript API Search

    JavaScript API Search legger til støtte til Chrome Omnibox, eller såkalt adresselinje for å søke etter JavaScript-funksjoner online med autofullføringsfunksjonen. Hvis utvidelsen ikke finner funksjonen du søker etter, vil den foreslå videre relaterte søk fra Google Codesearch, Development and Coding Search, og Mozilla Developer Network-søk.

    jQuery API Søk

    Mens jQuery har vist seg å være det ledende Javascript-biblioteket som forbedrer brukeropplevelsen, gir jQuery API Search deg muligheten til å søke om jQuery API fra Chrome Omnibox. Skriv bare 'jq' etterfulgt av et mellomrom i omnibox, så er du på farten.

    PHP Søk

    I likhet med jQuery API Search, legger denne utvidelsen til støtte for Chrome Omnibox for å søke PHP-kode for din referanse bruk.

    Produktivitet

    Forbli fokusert

    Sverget for å holde deg unna tiden å kaste bort nettside, men gjorde det aldri med hell? Stay Focused fungerer som din virtuelle veileder som blokkerer tidsspilling av nettsiden i en bestemt tid, og anbefaler deg seriøst når du prøver å avblokkere eller redusere blokkeringstiden for nettstedet. Det er også bevæpnet med avgjørende funksjon som kjernevirksomhet og utfordringsmodus som dræper tiden din kaster bort lyst på en nådeløs måte.

    PopChrom

    Med PopChrom kan du definere dine egne snarveier for tekstfraser, for eksempel "ty" for "takk". Aktiveringsnøkkelen er nødvendig for å forandre forkortelsen til de definerte tekstfrasene, så velg en tastekombinasjon som ikke krasjer med andre snarveisnøkkel.

    Quickrr Productivity Kit

    Quickrr Productivity Kit gir deg et bunt av enkle, men nyttige verktøy som oversetter, kalkulator, oppgave å gjøre, enhetskonverter, osv..

    Todoist

    Med en enkel konfigurasjonskonto kan du få tilgang til denne oppgavebehandleren for å skrive ned og redigere hver enkelt oppgave du trenger å fullføre. Den beste delen av denne utvidelsen er at oppgavene dine er lagret på nettet, slik at du får tilgang til oppgaveoppføringen på hver Chrome med denne utvidelsen installert.

    Ananke Timer

    Spor tid brukt på bestemte oppgaver, eller skriv inn tiden du brukte på en bestemt nettside. Ananke Timer støtter også flere tidssporing og lar deg bla gjennom hva du har sporet i fortiden.

    Chrome Verktøykasse

    Opprettet av Google, bringer Chrome Verktøykasse deg tilpassede funksjoner som endringsmodifisering av faner, formgjenoppretting og snarveiledning som lanserer forhåndsdefinerte koblinger fra bokmerkemappe.

    Utvidet Chrome-side

    Ingen liker å klikke mer for å få tilgang til bestemt side. Chrome Page Extended er din raskeste snarvei for å få tilgang til all nødvendig Chrome-side som utvidelser.

    AppJump

    Med AppJump kan du organisere og raskt starte Chrome-applikasjon fra nettleserverktøylinjen.

    Bokmerke Bar Switcher

    For mange bokmerker og ikke organisert dem effektivt? Boorkmark Bar Switcher lar deg lage helt ny bokmerkestang og bytte mellom dem enkelt.

    TabCloud

    Lagre Windows-øktene dine og gjenopprett dem senere på hvilken som helst datamaskin med TabCloud, noe som sparer deg mye tid fra å åpne forskjellige nettsider fra en annen del av bokmerkemappen.

    ressurs

    Lignende sider

    Utviklet av søkemotorgiganten Google, Lignende sider søker på nettet for lignende webinnhold som du leser og er interessert i å oppdage mer.

    Universal Search

    Resourcing eller referanse er enklere med Universal Search, som gir deg en søkeboks med mulighet til å søke på Wikipedia, Bing og andre søkemotorer. Søkeboksen vil også dukke opp når du markerer tekst fra nettstedet du ser på.

    Awesome Skjermbilde

    En helt fantastisk skjermbildeutvidelse som fanger noen del av nettstedet og merker det med rektangler, sirkler, piler, linjer og tekst. Du kan deretter eksportere skjermbildet i PNG-filformat til din datamaskin eller web.

    Klipp til Evernote

    Offisiell forlengelse av Evernote for å fange opp og notere oppdagelsen din på nettet, og last opp til Evernote. Utvidelsen støtter også funksjonen for å søke og synkronisere den lagrede notatet.

    Diigo

    Bruk Diigo til å hightlight, annotere eller legge til notater privat eller offentlig til nettsiden, slik at du kan se den når som helst når du kommer til nettsiden.

    Thinkery

    Tenk Thinker som din online hjerne, og lagre deretter linkadressen og tekstvalget til den for senere visning.

    mine notater

    Notattak bør være en enkel prosess, og det er mulig med myNotes som lar deg bokmerke markert tekst med bare ett klikk på kontekstmenyen.

    Microstock Photo Power Search

    Sannsynligvis den eneste søkeutvidelsen for deg å se etter høy kvalitet stock foto fra berømte byråer som Fotolia, Dreamstime og Shutterstock.

    refleksjon

    Ettersom Chrome-utvidelser og programmer fortsetter å vokse og utvikle seg vilt, er det mulig at flere og flere Firefox-lover vil omfavne Google Chrome som standard nettleser. Når det blir sagt, vil du slå ansiktet ditt til Google Chrome med det nåværende antall utvidelser og applikasjoner? Hva er utvidelsen, programmet eller funksjonen som vil motivere deg til å flytte til Google Chrome?

    Del også med oss ​​hvis du har en fin forlengelse i Chrome, det er alltid plass til flott verktøy!