40 Användbara Google Chrome-tillägg för webbdesigners

Jag älskar Google Chrome. Dess enkelhet, hastighet och prestanda är toppklass, utan tvekan. Men ibland är det för att vara för enkelt också ett problem, speciellt för oss webbdesigners som är beroende av Firefox-addons som webbutvecklare. Jag gick bort från Chrome, ja, bara för att det inte hade någon tillägg tillbaka 2008.

Men nu förändras allt igen. Det är ingen överraskning att andra geeks har samma kärlek till Chrome och de bestämde sig för att skapa Chrome Extension, som har liknande funktion som Firefox Addon. Jag grävde in i dessa förlängningar och var mycket nöjd med dem, därför bestämde jag mig för att plocka upp 40 tillägg som är extremt hjälpsamma för webbdesigners och dela med dig.

Så här är de för dig, redskap din Chrome och öka din produktivitet.

Färg

Färgväljare

Precis som sitt namn är ColorPicker en bekväm förlängning som skapats huvudsakligen för att välja och få färgvärde från var som helst på webbsidan. Dessutom kan du välja ett område och klicka sedan på färgpalett för att se hur områdets färg ändras utan att röra någon kod.

Chrome Palette

Har huvudvärk på att hitta färgschema från bilden? Chrome-paletten löser ditt problem effektivt genom att skapa upp till 64 färgpaletter från webbplatsens bild för dina behov av design eller inspiration.

Färg Tweaker

Color Tweaker kan ändra färg på webbplatsen som Color Picker gör, men med en mer specifik metod. Ange bara CSS-väljaren på den här förlängningen och tweak sedan färgen på texten, bakgrunden och gränsen till din vilja.

Typografi

Font Editor

Inget mer gissande och tröttsamt programväxling, kan Font Editor låta dig ändra och observera fontinställningar som storlek, linjehöjd och variant livlig.

Google Font Previewer

Som det anges i namnet kan du se förhandsgranskning av teckensnitt från Google Font Directory med textstylingsalternativ som är storlek, stil, vikt och skuggor. Om du är nöjd med ett visst teckensnitt kan du kopiera och klistra in länken och den CSS-kod som finns i tillägget till webbplatsens kod för att använda teckensnittet.

Utveckling

Webbutvecklare

Förmodligen måste-förlängning för webbdesigner och utvecklare. Från att visa skript för att visa objektinformation, syftar Web Developer till att tillhandahålla alla uppgifter du behöver från en befintlig webbplats. Utvidgningen är också beväpnad med användbara verktyg som färgplockare, fönsterhanterare, validator mm.

Pendule

Lättviktigt och praktiskt utvecklingsverktyg som liknar webbutvecklaren, men bara utrustad med nödvändiga verktyg som stilvisare, källvisare och validator.

Firebug Lite

Olikt från vad det är i Firefox, erbjuder Firebug Lite Firefox-liknande visuell representation när det gäller HTML-element, DOM-element och Box Model Sharing. Det kommer också med möjligheten att inspektera HTML-element med musen, och du kan redigera CSS-egenskaper med denna förlängning livlig.

Stylebot

Stylebot ger dig möjlighet att ställa in vilken webbplats som helst utan att behöva röra CSS-koden, vilket sparar mycket skrivarbete. Det bästa med denna förlängning är förmodligen dess förmåga att generera CSS-kod för din användning varje gång du ändrar webbplatsen.

CSSViewer

Trött på att trycka på "Inspektera element" varje gång du vill veta vilken CSS-stil som tillämpas på ett visst element? CSS Viewer hjälper dig med att visa väsentlig information som typsnitt, färg och positionering av elementet.

Stylesheet Reloader

Uppdaterar CSS-stilarket utan att uppdatera hela webbplatsen, vilket sparar din väntetid speciellt för designer med långsam internetanslutning.

BuiltWith Technology Profiler

Den snyggaste delen av denna förlängning är den listar ut varje implementerad webbteknologi, såsom ramverk och webbstandard med mycket detaljerad information.

IE Tab Multi

IE Tab Multi är din Internet Explorer i Chrome, som stöder massor av IEs standardfunktion som multi tabbing.

Window Resizer

Med Window Resizer kan du testa din webbplatss skärmupplösningskompatibilitet med standard eller användardefinierade skärmupplösningar.

HTML Validator

En av de bästa valideringsutökningarna som kan validera HTML-kod på webbsidor på nätet eller localhost i antingen automatiskt eller manuellt läge. Du kan också välja att visa valideringsresultatet på webbsidan eller visa det på en helt ny flik.

Syn

Med olika tema och teckensnitt markerar Sight källkoden på webbplatsen till en mer visuellt bekväm form.

PHP-konsolen

Bugged av PHP erros men vet inte vad och var det är? PHP Console hjälper dig med att visa felsökningar, undantag och felsökningsmeddelanden i anmälningsblanketten.

JavaScript API Search

JavaScript API Search lägger till stöd till Chrome Omnibox, eller så kallad adressfält, för att söka efter JavaScript-funktioner online med autofullständig funktion. Om utvidgningen inte kan hitta den funktion du söker efter, kommer den ytterligare att föreslå att du relaterade sökningar från Google Codesearch, Development and Coding Search och Mozilla Developer Network Search.

jQuery API-sökning

Medan jQuery har visat sig vara det ledande Javascript-biblioteket som förbättrar användarupplevelse, ger jQuery API Search dig möjlighet att söka om jQuery API från Chrome Omnibox. Skriv bara "jq" följt av ett mellanslag i omnibox, så är du på språng.

PHP-sökning

I likhet med jQuery API Search, lägger tillägget till stöd till din Chrome Omnibox för att söka efter PHP-kod för din referensanvändning.

Produktivitet

Vara fokuserad

Swored att hålla sig borta från tid slösa webbplats men lyckades aldrig med det? Stay Focused fungerar som din virtuella handledare som blockerar tid som slösar bort webbplatsen för en viss tid och rekommenderar dig allvarligt när du försöker avblockera eller minska blockeringstiden för webbplatsen. Det är också beväpnat med avgörande funktion som kärnvalsalternativ och utmaningsläge som dödar din tid att slösa önskan på ett genuint sätt.

PopChrom

Med PopChrom kan du definiera dina egna genvägar för textfraser, t.ex. "ty" för "tack". Aktiveringsnyckeln behövs för att omvandla förkortningen till de definierade textfraserna, så välj en tangentkombination som inte kraschar med annan genvägsknapp.

Quickrr Productivity Kit

Quickrr Productivity Kit ger dig en uppsättning grundläggande men ändå användbara verktyg som översättare, kalkylator, uppgift att göra, enhetskonverterare, etc.

Todoist

Med ett lättanpassat konto kan du komma åt denna uppgiftshanterare för att notera och redigera varje uppgift som du behöver slutföra. Den bästa delen av den här utvidgningen är att dina uppgifter lagras på nätet, så att du kan komma åt uppgiftsposten på varje Chrome med den här utvidgningen installerad.

Ananke Timer

Spåra din tid på en viss uppgift, eller registrera den tid du spenderade på en viss webbplats. Ananke-timer stöder också flera spårningsspårning och låter dig bläddra men vad du spårat tidigare.

Chrome Verktygslåda

Skapad av Google ger Chrome Verktygslåda dig anpassade funktioner som modifiering av flikhantering, formgodsåterställning och genvägsupprättning som startar fördefinierade länkar från bokmärkesmapp.

Chrome Page Extended

Ingen älskar att klicka på mer för att komma åt viss sida. Chrome Page Extended är din snabbaste genväg för att få tillgång till all nödvändig Chrome-sida som tillägg.

AppJump

Med AppJump kan du organisera och snabbt starta Chrome-program från webbläsarverktygsfältet.

Bookmark Bar Switcher

För många bokmärken och lyckades inte organisera dem effektivt? Boorkmark Bar Switcher kan du skapa helt ny bokmärkesfält och växla mellan dem enkelt.

TabCloud

Spara dina Windows-sessioner och återställ dem senare på vilken dator som helst med TabCloud, vilket sparar dig mycket tid från att öppna en annan webbplats från en annan del av bokmärkesmappen.

Resourcing

Liknande sidor

Utvecklat av sökmotorjätte Google, Liknande sidor söker på webben för liknande webbinnehåll som du läser och är intresserade av att upptäcka mer.

Universal Search

Resurs eller referens är enklare med Universal Search, vilket ger dig en sökruta med möjlighet att söka på Wikipedia, Bing och andra sökmotorer. Sökrutan kommer också att dyka upp när du markerar någon text från den webbplats du tittar på.

Fantastisk skärmdump

En helt fantastisk skärmdumptillägg som fångar någon del av webbplatsen och kommenterar den med rektanglar, cirklar, pilar, rader och text. Du kan sedan exportera skärmdumpen i PNG-filformat till din dator eller webb.

Clip till Evernote

Officiell förlängning av Evernote för att fånga och notera din upptäckt på webben och ladda sedan till Evernote. Utvidgningen stöder också funktionen att söka och synkronisera din sparade anteckning.

Diigo

Använd Diigo för att hightlight, kommentera eller skicka klistermärken privat eller offentligt till webbsidan så att du kan se den när som helst när du når till webbsidan.

Thinkery

Tänk Thinkery som din onlinehjärna, spara sedan din länkadress och textval i den för att visa senare.

mina anteckningar

Notering bör vara en enkel process, och det är möjligt med myNotes som gör att du kan markera markerad text med bara ett klick på snabbmenyn.

Microstock Photo Power Search

Förmodligen den enda sökningen tillägg för dig att leta efter högkvalitativa lagerfoto från kända myndigheter som Fotolia, Dreamstime och Shutterstock.

Reflexion

Eftersom Chrome-tillägg och program fortsätter att växa och utvecklas vildt, är det möjligt att fler och fler Firefox-älskare kommer att omfamna Google Chrome som standardwebbläsare. Med det sagt kommer du att vända ditt ansikte till Google Chrome med det nuvarande antalet tillägg och applikationer? Vad är förlängningen, programmet eller funktionen som motiverar dig att flytta till Google Chrome?

Dela också med oss ​​om du har en trevlig förlängning i din Chrome, det finns alltid ett utrymme för bra verktyg!