15 Chrome-tillägg för webbdesigners och utvecklare

Jag använder Google Chrome som min huvudsakliga webbläsare. Varför? Eftersom den är snabb, enkel att använda, pålitlig, säker, enkel att använda, mycket anpassningsbar och har sin egen webbutik. Om du inte använder Google Chrome ännu bör du överväga det. Installera det åtminstone och försök använda det i en vecka eller så.

hur man skapar fler konton på instagram

Som webbdesigner eller utvecklare kommer du förmodligen att spendera mycket tid i Chrome på att arbeta. Det som förvånar mig mest om människor som använder Chrome är att de inte utnyttjar tillägg.

Tillägg är i grunden anpassade verktyg som låter dig använda Chrome till sin fulla potential. Du kan till exempel ta skärmdumpar med ett klick eller en knapp, dela webbplatser med vänner, styra din musik, få rankningsinformation om olika webbplatser och mycket mycket mer.



Chrome-butiken är fylld med tillägg som ökar din produktivitet och förbättrar ditt totala arbetsflöde. Så du kan lika gärna använda verktygen som finns där för att göra ditt liv enklare. Det bästa är att de alla * är gratis!

Kolla in dessa 15 Chrome-tillägg som kan hjälpa dig med ditt arbete:

Chrome-tillägg

Innehållsförteckning

1. FireBug Lite

FireBug är ett välkänt FireFox-tillägg som gjorde sin väg till Chrome. Det är särskilt användbart för felsökning av kod. Det låter dig också övervaka JavaScript, HTML och CSS live för alla webbsidor.

Installera

2. WhatFont

WhatFont gör det möjligt för designers att upptäcka vilket typsnitt som används på en webbsida med en enkel svävar. Du kan också räkna ut detta genom att använda FireBug och skura koden, men den här förlängningen gör det mycket lättare.

vad har män på sig till sängs

Installera

3. Chrome Sniffer

Har du någonsin tittat på en webbplats och tänkt, 'Hur är det ens möjligt?' Chrome Sniffer låter dig ta reda på hur. Det kan berätta ramarna för de flesta webbplatser. Det kan för närvarande upptäcka mer än 100 ramar.

Installera

4. Kod Cola

Code Cola tillåter användare att redigera CSS visuellt. Detta innebär att användare kan klicka på ett område på en webbsida och enkelt manipulera CSS. Detta kan potentiellt spara designers mycket tid.

Installera

5. ColorZilla

ColorZilla inkluderar en färgväljare, en pipett och en lutningsgenerator . Det finns också några mer avancerade färgverktyg . Du kan använda färgväljaren för att bestämma HTML-färgen för vilken del av en webbsida som helst och du kan spara den färgen i en anpassad palett. Alla behöver en färgväljare och ColorZilla är en av de bästa.

god morgon kärlekstext till min fru

Installera

6. Tejp

Tape är perfekt för designers som vill se till att deras layout är perfekt. Du kan enkelt bestämma storleken på elementen genom att lägga guider som fäster på sidans innehåll. Du behöver inte längre ta skärmdumpar för att bestämma måtten på elementen.

Installera

7. Upplösningstest

Webbdesigners och utvecklare måste testa sina webbplatser i olika upplösningar, men vad är det bästa sättet att göra detta? Tillägget Resolution Test för Chrome tillåter användare att ändra webbläsarfönstrets storlek så att de kan se deras webbplats i olika upplösningar. Du kan välja bland vanliga skärmupplösningar eller ange en anpassad.

Installera

8. Speed ​​Tracer

Har du någonsin varit i en situation där din webbplats laddas långsamt och du inte kunde ta reda på varför? Speed ​​Tracer kan hjälpa till. Speed ​​Tracer kan hitta problem orsakade av JavaScript, CSS, timerbränder och mer.

Installera

9. lorem ipsum generator

Ibland behöver du text för att fylla en sida så att du kan få en uppfattning om hur den kommer att se ut när den fylls. Lorem Ipsum Generator låter dig göra just det. Du kan välja hur många ord du vill ha per stycke och även hur många stycken du vill ha. Att fylla din webbplats med innehåll har aldrig varit enklare.

Installera

10. Fliken Internet Explorer

När du utvecklar eller utformar måste du testa din webbplats i olika webbläsare, varav en är Internet Explorer. Med fliken Internet Explorer kan du enkelt visa din webbplats i IE via Chrome. Det är en webbläsare mindre du måste öppna.

Installera

11. Alexa Traffic Rank

Som webbutvecklare eller designer är du förmodligen intresserad av hur mycket trafik andra webbplatser får. De Alexa Traffic Rank låter dig se hur mycket trafik en webbplats får. Detta kan vara en intressant statistik att observera. Du kan till och med använda den på din egen webbplats, även om du sannolikt har andra sätt att avgöra detta.

elaka namn att kalla din flickvän

Installera

12. Microstock Photo Power Search Tool

Att leta efter bilder kan vara tidskrävande och irriterande. Microstock Photo Power Search Tool gör denna process mycket enklare. Denna förlängning låter dig söka igenom stockbilder från de fem bästa bildbyråerna, som Fotolia och Shutterstock.

Installera

13. Palett för Chrome

Palette for Chrome är ett roligt och användbart verktyg för webbdesigners. Du kan välja vilken bild som helst och skapa en färgpalett från den bilden. Du kan skapa paletter med 16, 24 eller 32 färger. Om du har en favoritbild kan du skapa en färgpalett från det och använd det färgpalett i utformningen av din webbplats.

Installera

god morgon min älskade jag älskar dig

14. TooManyTabs

När du utvecklar en webbplats kan du hitta dig själv med massor av webbläsarflikar öppna. TooManyTabs kan hjälpa dig att hantera dem. Denna Chrome-förlängning låter dig se en miniatyr av dina öppnade flikar. Det är lätt att glömma om du har en viss flik öppen, men TooManyTabs kan hjälpa dig att hitta den lika enkelt.

Installera

15. PlainClothes

PlainClothes låter dig visa en webbplats i svartvitt . Detta kan hjälpa dig att hitta misstag på webbplatser eller ta reda på hur saker fungerar. Det är ett användbart verktyg att använda på både din egen webbplats och andra webbplatser.

Chrome har många tillägg för webbutvecklare och designers, som alla erbjuder något unikt. Listan ovan innehåller 15 verktyg som är användbara för de flesta webbdesigners. Men om du har ett specifikt behov som inte uppfylls av ett tillägg ovan, kan du läsa Chrome-butiken för att se om det finns ett tillägg för dig.