40 Nyttige Google Chrome-udvidelser til webdesignere

Jeg elsker Google Chrome. Dens enkelhed, hastighed og ydeevne er top notch, uden tvivl. Men nogle gange er for simpelt også et problem, især for os webdesignere, der er afhængige af Firefox addons som Web Developer. Jeg gik væk fra Chrome, ja, bare fordi det ikke havde nogen addon tilbage i 2008.

Men nu ændrer alt igen. Det er ikke overraskende, at andre geeks har samme kærlighed til Chrome, og de besluttede at oprette Chrome Extension, som har en lignende funktion til Firefox Addon. Jeg graved i disse udvidelser og var meget tilfreds med dem, derfor besluttede jeg at afhente 40 udvidelser, som er yderst hjælpsomme til webdesignere og del med jer.

Så her er de for dig, gear din Chrome og øge din produktivitet.

Farve

ColorPicker

Ligesom sit navn er ColorPicker en praktisk udvidelse, der primært er oprettet for at vælge og få farveværdi fra hvor som helst på websiden. Derudover kan du vælge et område og derefter klikke på farvepaletten for at se, hvordan områdets farve ændres uden at røre nogen kode.

Chrome Palette

Har hovedpine på at finde farveskema fra billede? Chrome-paletten løser dit problem effektivt ved at oprette op til 64 farvepaletter fra webstedets image til dit design eller inspirationsbehov.

Color Tweaker

Color Tweaker kan ændre farve på hjemmesiden som Color Picker gør, men med en mere specifik metode. Du skal bare indtaste CSS-vælgeren på denne udvidelse og derefter justere farven på teksten, baggrunden og grænsen til din vilje.

Typografi

Font Editor

Ikke mere gættende og trættende programskifte, Font Editor giver dig mulighed for at ændre og observere skrifttype indstilling som størrelse, linjehøjde og variant livlig.

Google Font Previewer

Som angivet i sit navn giver denne udvidelse dig mulighed for at forhåndsvise skrifttype fra Google Font Directory med tekst styling muligheder, som er størrelse, stil, vægt og skygger. Hvis du er tilfreds med bestemte skrifttyper, kan du kopiere og indsætte linket og den CSS-kode, der er angivet i udvidelsen, til dit websites kode for at bruge skrifttypen.

Udvikling

Web-udvikler

Sandsynligvis den skal have udvidelse til webdesigner og udvikler. Fra at se script til visning af objektoplysninger, har Web Developer til formål at levere alle de oplysninger, du har brug for fra et eksisterende websted. Udvidelsen er også bevæbnet med nyttige værktøjer som farvevælger, vinduesreserator, validator osv.

Pendule

Letvægts og praktisk udviklerværktøj, der ligner webudvikleren, men kun udstyret med nødvendige værktøjer som stilviseren, kildeviseren og validatoren.

Firebug Lite

Uanset hvad det er i Firefox, tilbyder Firebug Lite Firefox-lignende visuel repræsentation, når det kommer til HTML-elementer, DOM-elementer og Box Model Sharing. Det kommer også med evnen til at inspicere HTML-elementer med din mus, og du kan redigere CSS-egenskaber med denne udvidelse livlig.

Stylebot

Stylebot giver dig mulighed for at style enhver hjemmeside direkte uden at berøre CSS-kode, hvilket sparer mange skrivearbejde. Det bedste træk ved denne udvidelse er sandsynligvis dets evne til at generere CSS kode til din brug hver gang du foretager en ændring til hjemmesiden.

CSSViewer

Træt af at skubbe 'Inspect Element' hver gang du vil vide, hvilken CSS-stil der anvendes til et bestemt element? CSS Viewer hjælper dig med at vise vigtige oplysninger som skrifttype, farve og positionering af elementet livligt.

Stylesheet Reloader

Genopretter CSS stilark uden forfriskende hele hjemmesiden, hvilket sparer din ventetid især for designeren med langsom internetforbindelse.

BuiltWith Technology Profiler

Den fedeste del af denne udvidelse er det lister ud af hver implementeret webteknologi som rammer og webstandard med meget detaljerede oplysninger.

IE Tab Multi

Provet for at være den mest ligner den oprindelige Internet Explorer, er IE Tab Multi din Internet Explorer i Chrome, som understøtter tonsvis af IE's standardfunktion som multi tabbing.

Window Resizer

Med Window Resizer kan du teste din websites skærmopløsningskompatibilitet med standard eller brugerdefinerede skærmopløsninger.

HTML Validator

En af de bedste validatorudvidelser, der kan validere HTML-kode på online eller localhost webside i enten auto eller manuel tilstand. Du kan også vælge at vise valideringsresultatet på websiden eller se det på en helt ny fane.

Syn

Med forskellige tema- og skrifttypeindstillinger fremhæver Sight kildekoden på hjemmesiden til en mere visuelt behagelig form.

PHP Console

Bliver bugged af PHP erros, men ved ikke hvad og hvor det er? PHP Console hjælper dig ved at vise fejl, undtagelser og fejlfinding i meddelelsesformular.

JavaScript API Search

JavaScript API Search tilføjer support til Chrome Omnibox, eller såkaldt adresselinje for at søge efter JavaScript-funktioner online med autofuldføringsfunktionen. Hvis udvidelsen ikke kan finde den funktion, du søger efter, vil den yderligere foreslå dine relaterede søgninger fra Google Codesearch, Development and Coding Search, og Mozilla Developer Network-søgningen.

jQuery API Search

Mens jQuery har vist sig at være det førende Javascript-bibliotek, der forbedrer brugeroplevelsen, giver jQuery API Search dig mulighed for at søge om jQuery API fra Chrome Omnibox. Skriv bare 'jq' efterfulgt af et mellemrum i omnibox, så er du på farten.

PHP Søg

I lighed med jQuery API Search, tilføjer denne udvidelse support til din Chrome Omnibox for at søge PHP kode til din reference brug.

Produktivitet

Forbliv fokuseret

Swored for at holde dig væk fra tidsmæssigt spildende hjemmeside, men har aldrig gjort det med succes? Stay Focused fungerer som din virtuelle supervisor, der blokerer tidsspilding af hjemmesiden i et bestemt tidsrum og rådgiver dig seriøst, når du forsøger at blokere eller reducere blokeringstiden for webstedet. Det er også bevæbnet med afgørende træk som nukleare indstilling og udfordringstilstand, som dræber din tid til at spilde lyst på en nådesløs måde.

PopChrom

Med PopChrom kan du definere dine egne genveje til tekst sætninger, f.eks. 'Ty' til 'tak'. Aktiveringsnøglen er nødvendig for at omdanne forkortelsen til de definerede tekst sætninger, så vælg en nøglekombination, der ikke går i stykker med anden genvejsnøgle.

Quickrr Productivity Kit

Quickrr Productivity Kit giver dig et bundt af grundlæggende, men brugbare værktøjer som oversætter, lommeregner, opgave-til-gøre, enhedsomformer osv..

Todoist

Med en nem konfigurationskonto kan du få adgang til denne opgaveremanager for at skrive ned og redigere hver enkelt opgave, du skal udføre. Den bedste del af denne udvidelse er, at dine opgaver gemmes online, så du kan få adgang til opgavelisten på hver Chrome med denne udvidelse installeret.

Ananke Timer

Spor din tid brugt til bestemte opgaver, eller registrer den tid, du brugte på en bestemt hjemmeside. Ananke Timer understøtter også flere tidssporing og giver dig mulighed for at gennemse selvom du har sporet i fortiden.

Chrome Værktøjskasse

Opret af Google, bringer Chrome Værktøjskasse dig til brugerdefinerede funktioner som ændring af tabsadfærd, formulargendannelse og genvejstildeling, der lancerer foruddefinerede links fra bogmærkemappe.

Udvidet Chrome-side

Ingen elsker at klikke mere for at få adgang til en bestemt side. Chrome Page Extended er din hurtigste genvej for at få adgang til alle nødvendige Chrome-sider som udvidelser.

AppJump

Med AppJump kan du organisere og hurtigt starte Chrome-applikation fra browserens værktøjslinje.

Bookmark Bar Switcher

For mange bogmærker og undlod at organisere dem effektivt? Boorkmark Bar Switcher giver dig mulighed for at oprette helt ny bogmærkebjælke og skifte mellem dem nemt.

TabCloud

Gem dine windows-sessioner og genoprett dem senere på enhver computer med TabCloud, hvilket sparer dig meget tid fra at genåbne forskellige hjemmesider fra en anden del af bogmærkemappen.

Resourcing

Lignende sider

Udviklet af søgemaskine giant Google, Lignende sider søger på internettet for lignende webindhold, som du læser og er interesseret i at opdage mere.

Universal søgning

Resource eller reference er lettere med Universal Search, som giver dig en søgefelt med mulighed for at søge på Wikipedia, Bing og andre søgemaskiner. Søgefeltet kommer også op, når du fremhæver enhver tekst fra hjemmesiden, du ser i øjeblikket.

Awesome Skærmbillede

En helt fantastisk screenshot udvidelse, der fanger nogen del af hjemmesiden og annotere det med rektangler, cirkler, pile, linjer og tekst. Du kan derefter eksportere skærmbilledet i PNG-filformat til din computer eller web.

Klip til Evernote

Officiel udvidelse af Evernote til at fange og notere din opdagelse på internettet og derefter uploade til Evernote. Udvidelsen understøtter også funktionen til at søge og synkronisere din gemte note.

Diigo

Brug Diigo til at fremhæve, annotere eller indsende klistermærker privat eller offentligt til websiden, så du kan se det, når du når frem til websiden.

Thinkery

Tænk Thinker som din online hjerne, og gem derefter din linkadresse og tekstvalg i den til senere visning.

MyNotes

Notering skal være en nem proces, og det er muligt med myNotes, som giver dig mulighed for at bogmærke markeret tekst med kun et klik på kontekstmenuen.

Microstock Photo Power Search

Sandsynligvis den eneste søgning udvidelse for dig at kigge efter høj kvalitet stock foto fra berømte agenturer som Fotolia, Dreamstime og Shutterstock.

Afspejling

Da Chrome-udvidelser og applikationer fortsætter med at vokse og udvikle sig vildt, er det muligt, at flere og flere Firefox-elsker vil omfavne Google Chrome som deres standardwebbrowser. Når du siger det, vil du vende dit ansigt til Google Chrome med det nuværende antal udvidelser og applikationer? Hvad er den udvidelse, applikation eller funktion, der vil motivere dig til at flytte til Google Chrome?

Del også med os, hvis du har en god udvidelse i din Chrome, er der altid plads til et godt værktøj!