For mange webdesignere og utviklere er Firefox uovertruffen. For andre spiser Firefox Chrome's støv.

I løpet av de siste to årene, siden Google Chrome er utgitt, har det vært en rasende debatt om hvilken nettleser som er overlegen. Mozillas open source-produkt har stått tidstesten, og Firefox har raskt blitt den mest brukte nettleseren, etter å ha overgått Microsofts Internet Explorer.

Ikke vær så lei meg for Google Chrome. Selv i sin barndom har Chrome allerede nådd nest mest populære, og har allerede overgått Internet Explorer og har stor sjanse til å overgå Firefox.

Selv om Firefox er mer robust (hovedsakelig på grunn av populariteten), er Chrome lynrask og med nye utvidelser lagt til daglig, et spennende alternativ for den seriøse webdesigneren.

Og her skal du finne verktøy som gjør Chrome nyttig for deg som designer eller utvikler. Heldigvis har Chrome en spirende samling av utvidelser som gjør overgangen fra Firefox enklere.

1. AppJump App Launcher og Organizer

Etter at du har fullført nedlasting av alle utvidelsene i denne listen, trenger du definitivt en arrangør. AppJump er en Chrome-utvidelse som lar deg finne og starte programmer og andre utvidelser raskt fra en rullegardinmeny på verktøylinjen. En kul funksjon av AppJump er muligheten til å organisere apps og utvidelser til forskjellige grupper. For eksempel kan du enkelt skille arbeidsutvidelsene fra din personlige, for mer effektiv tidshåndtering.

2. Awesome Skjermbilde

Awesome Skjermbilde lever opp til sitt navn. Denne fantastiske utvidelsen lar deg ta stillbilder av hele eller delvise siden. Etter å ha tatt et skjermbilde, kan du sirkle eller understreke relevante deler, sløre ut irrelevante deler og kommentere. Du har muligheten til å lagre til lokal eller laste opp og motta en bildelink for deling.

3. Aviary Screen Capture

Etter voksende poetisk om Awesome Skjermbilde over, kan du kanskje lure på hvorfor to skjermbildeutvidelser legges til på denne listen. En ulempe til Awesome Skjermbilde er at det krever tilgang til alle dataene på datamaskinen og nettleserloggen. For de brukerne som føler det er en invasjon av personvern, aviary er et perfekt alternativ.

4. Chrome Sniffer

Chrome Sniffer lar deg kontrollere rammen til et hvilket som helst nettsted. Den lokaliserer og viser ethvert kjent Content Management System (CMS) eller Javascript-bibliotek på et nettsted. Denne utvidelsen er flott for de tankene som forteller deg, "Hvordan er det menneskelig mulig?" For øyeblikket kan Chrome Sniffer oppdage over 100 rammer.

5. Cloud Save

Det er et stort skifte fra å operere lokalt for å jobbe i skyen. Som designere og utviklere er du vant til å jobbe på internett, men lagrer du også viktige filer online? Hvis unnskyldningen er at den ikke er så praktisk, vil du kanskje ta en seriøs titt på Cloud Save . Cloud Save lar deg lagre filer fra et hvilket som helst nettsted til støttede skygtjenester. Lagre til Amazon Cloud Drive, Dropbox og Flickr.

6. Kode Cola

Kode Cola er en utvidelse som lar brukerne redigere individuelle sider på et nettsted. Utvidelsen lar deg klikke på et område på en nettside og redigere CSS automatisk.

7. Corporate Ipsum

Corporate Ipsum er et morsomt alternativ til standard Lorem Ipsum tekstfyller. Med denne utvidelsen kan du fylle nettstedet ditt med "corporate" snakk og buzz ord. Et eksempel på Corporate Ipsum er "Kompetent målrettet enterprise-wide data med multifunksjonelle ideer." Denne utvidelsen er basert på den populære Mac-widgeten med samme navn.

8. Diigo bokmerke, arkiv, høydepunkt og klebrig notat

Diigo er kort for Digest of Internet Information Grupper og andre ting. Det er et nettbasert forskningsverktøy som lar brukerne administrere informasjon. Fremhev nettsider i flere farger, lage klistrelapper, utveksle sider over ditt sosiale nettverk og opprett grupper for å dele din forskning.

9. Drag2up

Drag2up er et brukervennlig filvedleggssystem. I stedet for å klikke gjennom ulike vinduer, drar du bare filen du vil legge til fra datamaskinen din til inntastingsfeltet. Alternativt kan du laste opp filer til forskjellige hosting nettsteder, inkludert Flickr, ImageShack, Twitpic og Box.net. Denne utvidelsen er enkelt en av de mest populære nedlastingene.

10. Eye Droper

Nå og da kommer du over den perfekte nyansen av grønt som du må innlemme i ditt webdesign. De Eye Dropper utvidelse lar deg finne den eksakte skyggen. Det holder også oversikt over fargenes historie.

11. Firebug Lite

Firebug er et av de store verktøyene som gjør det vanskelig å overgå fra Firefox og la det være igjen. Heldigvis har Chrome en utvidelse som heter Firebug Lite som tilbyr en lignende funksjon. Firebug Lite fungerer langs siden Chrome Development Tools, slik at utviklere kan inspisere og redigere HTML- og DOM-elementer. Det lar deg også feilsøke enkelt. Firebug Lite er faktisk en JavaScript-fil som fungerer som den opprinnelige Firebug en gang lagt inn i en nettside.

12. Greplin

Greplin er en utvidelse som lar deg søke i dine private data. Bruk denne utvidelsen til å finne et stykke informasjon du legger inn på ulike sosiale nettsteder, inkludert Twitter, Facebook eller Gmail. Det indekserer dataene dine for enkel søking. I stedet for å mudre gjennom historien din, kan du enkelt ringe opp data med Greplin.

13. HTML Instant

HTML Instant er en sanntid HTML. Den har en delt skjerm. Når du skriver inn koden på venstre side av delt skjermbildet, ser du resultatene automatisk på høyre side. HTML Instant fungerer ikke bare med HTML, men støtter også CSS og JavaScript. Du kan også laste opp bilder fra Image Shack, Photobucket eller et tilfeldig nettsted som er vert for et bilde. Denne HTML-editoren er veldig brukervennlig, for nybegynnerdesigneren.

14. IE Tab

De IE Tab utvidelse lar deg vise en nettside fra en simulert Internet Explorer, mens du fortsatt bruker Chrome-nettleseren din. Internet Explorer er fortsatt den foretrukne nettleseren til de fleste Internett-brukere. Og det er fortsatt noen nettsteder som fungerer best eller til og med eksklusivt med Internet Explorer. Denne kategorien lar deg bruke Internet Explorer uten å ofre verdigheten din. Første ting først, IE Tab fungerer bare på Windows. Dette skyldes at den bruker Window's built in rendering engine for Internet Explorer. Derfor er Mac-brukere ute av lykke på denne.

15. Bildeegenskaper Kontekstmeny

Bildegenskaper Kontekstmeny er en nyttig Chrome-utvidelse som gir informasjon om alle ting som er relatert til et valgt bilde. Brukere kan finne både plasseringen og kilden til et bilde. Det viser også bildens dimensjoner og filstørrelse. Det er en enkel, men effektiv utvidelse som på en eller annen måte ikke er inkludert i Chrome-nettleseren.

16. Måle!

MeasureIt er en linjal som du bruker til å finne dimensjonene til ethvert element på en nettside. Bare klikk på utvidelsen og dra ut linjalen for å finne dimensjonene raskt og enkelt.

17. Microstock Photo Power Search Tool

Det som skiller en god webdesigner fra en flott webdesigner, er å vite hvor du skal gå for lagerbilder. Enhver designer vet at det å finne riktig bilde er en av de mest tidkrevende designdelene, spesielt hvis du har flere go-to-ressurser. Denne utvidelsen lar deg søke microstock på 5 av de øverste aksjeselskapene, inkludert Dreamstime, Fotolia og Shutterstock.

18. Palett for Chrome

De Palett for Chrome utvidelse er umiddelbart nyttig. Høyreklikk på et bilde du vil bruke. Denne utvidelsen lager en 16, 24 eller 32 fargepalett. Alternativt kan du også opprette en tilpasset palett. Bruk denne utvidelsen til å inkorporere og formidle fargene fra ditt favorittbilde til webdesign.

19. Pendule

Den mektige Pendule utvidelse kombinerer flere av utvidelsene som finnes i denne listen. Pendule lar deg se og endre Javascript og CSS. Du kan også vise informasjon om bestemte bilder eller gjemme dem helt. Det er et robust utviklerverktøy som inkluderer en fargeplukker, en HTML- og CSS-validator og en koblingskontroll.

20. PlainClothes

Vanlige klær er en morsom og nyttig utvidelse som lar deg se de bare beinene på et nettsted. Noen ganger er det lettere å se feil i et design eller analysere hvorfor det fungerer så godt når det går svart og hvitt. PlainClothes lar deg stripe ned en nettside til en tekstfarge, en bakgrunnsfarge og en lenkefarge. Lenker er understreket, tekst er standard og plutselig er du i 1998 igjen. Faktisk fungerer PlainClothes veldig bra for å legge til tilgjengelighet for ditt webdesign.

21. Oppløsningstest

Endre størrelsen på nettleseren din for å teste ditt nettsted i forskjellige oppløsninger. Oppløsningstest leveres med forhåndsinnstilte oppløsningsstørrelser, men du kan også se i din egen angitte oppløsning.

22. Søk etter bilde

Søk etter bilde er en av mine favoritt Chrome-utvidelser. Denne utvidelsen lar deg finne et bestemt bilde på forskjellige nettsteder. Med Søk etter bilde har du også muligheten til å finne lignende bilder. Høyreklikk bare på bildet av interesse og velg "Søk Google med dette bildet." Du finner sider som inneholder samsvarende bilder eller er visuelt like.

23. Session Manager

De Session Manager utvidelse lagrer alle dine åpnede faner for senere innsyn. Denne utvidelsen er ekstremt nyttig hvis du som de fleste finner deg selv å åpne de samme sidene om og om igjen. Grupper og lagre tilhørende faner i Session Manager. For eksempel, koble sammen alle dine sosiale nettverkstjenester sammen slik at du raskt kan få tilgang til dem uten å måtte åpne hver side for hver enkelt side. Og lukk dem like raskt, med sikkerhet for at dine faner blir lagret.

24. TabJump

Lignende i omfang til Session Manager, TabJump går et skritt videre. Ikke bare styrer det dine faner, denne utvidelsen kan også låse faner, og forhindrer deg i å lukke en viktig fane ved et uhell. Hvis du ved en feil lukker en tab, vil TabJump tillate deg å åpne den på nytt, men husk at utvidelser ikke kan gjenopprette historikken.

25. For mangeTabs

Fordi det aldri kan være nok utvidelser for å håndtere nettleserhåndtering, TooManyTabs er en annen må-ha. Denne utvidelsen viser et miniatyrbilde av alle fanene du har åpnet. Dette kommer til nytte når du opererer med så mange faner at du ikke lenger kan lese fanettene. Å ha visuelt hjelpemiddel hjelper deg å sortere gjennom arbeidsområdet effektivt.

26. Webutvikler

Webutvikler er et annet omfattende utviklerverktøy. Det er av samme utvikler som skrev den populære Firefox-utvidelsen. Med denne utvidelsen kan brukerne vise og redigere CSS, vise bildefilestørrelser og slette informasjonskapsler.

27. WhatFont

For de fleste webdesignere er fonter en slags stor avtale. Har du noen gang skjedd på et tilfeldig nettsted og funnet den perfekte skrifttypen, bare for å søke endeløs kode for svar? Hvis du liker ting enkelt, må du installere dette skriftfunnutvidelse . Bare sving over en tekst og finn skrifttypen som er i bruk. Ikke bare vil denne utvidelsen fortelle navnet på skriften, det gir også skriftstørrelse og farge.

Har du noen favorittutvidelser som ikke gjorde denne listen? Vennligst del den med oss ​​i kommentarene.