25+ skal have Chrome-udvidelser til webdesignere og -udviklere
For mange webdesignere og udviklere er Firefox uovertruffen. For andre spiser Firefox Chrome's støv.
I løbet af de sidste to år har der været en voldsom debat om Google Chrome, hvor browseren er overlegen. Mozillas open source-produkt har stået tidstesten, og Firefox er hurtigt blevet den mest brugte browser, der har overgået Microsofts Internet Explorer.
Du må dog ikke fortryde Google Chrome. Selv i sin barndom har Chrome allerede nået den næst populæreste, idet den allerede har overgået Internet Explorer og har stor chance for at overgå Firefox.
Selv om Firefox er mere robust (primært på grund af dets popularitet), er Chrome lynrask, og med nye tilføjelser tilføjet dagligt, en spændende mulighed for den seriøse webdesigner.
Og her skal du finde værktøjer, der gør Chrome til nytte for dig som designer eller udvikler. Heldigvis har Chrome en spirende samling af udvidelser, der gør overgangen fra Firefox meget lettere.
1. AppJump App Launcher og Organizer
Når du er færdig med at downloade alle udvidelser i denne liste, skal du helt sikkert have en arrangør. AppJump er en Chrome-udvidelse, der giver dig mulighed for hurtigt at finde og starte dine applikationer og andre udvidelser fra en rullemenu på din værktøjslinje. En cool funktion af AppJump er evnen til at organisere apps og udvidelser i forskellige grupper. For eksempel kan du nemt adskille dine arbejdsudvidelser fra din personlige, for mere effektiv tidshåndtering.
2. Awesome Screenshot
Awesome Skærmbillede lever op til sit navn. Denne fantastiske udvidelse giver dig mulighed for at tage snapshots af hele eller delvise siden. Når du har taget et screenshot, kan du cirkulere eller understrege relevante dele, udrydde irrelevante dele og kommentere. Du har mulighed for at gemme til lokal eller uploade og modtage et billedlink til deling.
3. Aviary Screen Capture
Efter voksende poetisk om Awesome Screenshot ovenfor, kan du undre dig over, hvorfor to skærmoptagelser er tilføjet på denne liste. En ulempe til Awesome Screenshot er, at det kræver adgang til alle dataene på din computer og din browserhistorik. For de brugere, der føler det, er en invasion af privatlivets fred, Aviary er en perfekt stand til rådighed.
4. Chrome Sniffer
Chrome Sniffer giver dig mulighed for at kontrollere rammerne for enhver hjemmeside. Den lokaliserer og viser et hvilket som helst kendt Content Management System (CMS) eller Javascript-bibliotek på en hjemmeside. Denne udvidelse er fantastisk til de tankebrydende hjemmesider, der efterlader dig at undre sig: "Hvordan er det menneskeligt muligt?" I øjeblikket kan Chrome Sniffer registrere over 100 rammer.
5. Cloud Save
Der er et stort skift fra drift lokalt til at arbejde i skyen. Som designere og udviklere er du vant til at arbejde på internettet, men gemmer du også vigtige filer online? Hvis din undskyldning er, at det ikke er så praktisk, kan du tage et seriøst kig på Cloud Save . Cloud Save giver dig mulighed for at gemme filer fra enhver hjemmeside til understøttede cloud services. Gem til Amazon Cloud Drive, Dropbox og Flickr.
6. Kode Cola
Kode Cola er en udvidelse, der giver brugerne mulighed for at redigere individuelle sider inde på en hjemmeside. Udvidelsen giver dig mulighed for at klikke på et område på en webside og redigere CSS automatisk.
7. Corporate Ipsum
Corporate Ipsum er et sjovt alternativ til standard Lorem Ipsum tekstfyldstof. Med denne udvidelse kan du udfylde din hjemmeside med "corporate" tale og buzz ord. Et eksempel på Corporate Ipsum er, "Kompetent målrettet enterprise-wide data med multifunktionelle ideer." Denne udvidelse er baseret på den populære Mac-widget med samme navn.
8. Diigo Bogmærke, Arkiv, Fremhæv og Sticky Note
Diigo er kort for Digest of Internet Information Grupper og andre ting. Det er et online forskningsværktøj, der giver brugerne mulighed for at administrere oplysninger. Fremhæv websider i flere farver, lav klæbende noter, udveksle sider på tværs af dit sociale netværk og opret grupper til at dele din forskning.
9. Drag2up
Drag2up er et brugervenligt filvedhæftningssystem. I stedet for at klikke igennem forskellige vinduer skal du blot trække den fil, du gerne vil vedhæfte fra din computer til inputfeltet. Alternativt kan du uploade filer til forskellige hostingsteder, herunder Flickr, ImageShack, Twitpic og Box.net. Denne udvidelse er nemt en af de mest brugbare downloads.
10. Eye Dropper
Nu og da kommer du på tværs af den perfekte skygge af grønt, som du skal indarbejde i dit webdesign. Det Eye Dropper udvidelse giver dig mulighed for at finde den nøjagtige skygge. Det holder også styr på dine farver historie.
11. Firebug Lite
Firebug er et af de store værktøjer, der gør det vanskeligt at overgå fra Firefox og lade det være bagud. Heldigvis har Chrome en udvidelse kaldet Firebug Lite, der tilbyder en lignende funktion. Firebug Lite arbejder sammen side Chrome Development Tools for at gøre det muligt for udviklere at inspicere og redigere HTML og DOM elementer. Det giver dig også mulighed for at fejle med lethed. Firebug Lite er faktisk en JavaScript-fil, der virker som den originale Firebug, når den er indsat på en webside.
12. Greplin
Greplin er en udvidelse, der giver dig mulighed for at søge inden for dine private data. Brug denne udvidelse til at finde et stykke information, du sender på forskellige sociale hjemmesider, herunder Twitter, Facebook eller endog Gmail. Det indekserer dine data for nem søgning. I stedet for at bagge gennem din historie kan du nemt opkalde data med Greplin.
13. HTML Instant
HTML Instant er en realtid HTML. Den har en delt skærm. Når du skriver din kode på venstre side af splitskærmen, ses resultaterne automatisk på højre side. HTML Instant fungerer ikke kun med HTML, men understøtter også CSS og JavaScript. Du kan også uploade billeder fra din Image Shack, Photobucket eller et tilfældigt websted, der er vært for et billede. Denne HTML editor er meget brugervenlig, for novice designer.
14. IE Tab
Det IE Tab udvidelse giver dig mulighed for at se en webside fra en simuleret Internet Explorer, mens du stadig bruger din Chrome-browser. Internet Explorer er stadig den foretrukne browser for de fleste internetbrugere. Og der er stadig nogle websteder, der fungerer bedst eller endda udelukkende med Internet Explorer. Denne fane giver dig mulighed for at bruge Internet Explorer uden at ofre din værdighed. Første ting først, IE Tab fungerer kun på Windows. Dette skyldes, at det bruger Window's built-in rendering motor til Internet Explorer. Af den grund er Mac-brugere ude af held på denne.
15. Billedegenskaber Kontekstmenu
Billedegenskaber Kontekstmenu er en nyttig Chrome-udvidelse, der indeholder oplysninger om alle ting, der er relateret til et valgt billede. Brugere kan finde både placeringen og kilden til et billede. Det viser også billedets dimensioner og filstørrelse. Det er en simpel men effektiv udvidelse, der på en eller anden måde ikke er inkluderet i Chrome-browseren.
16. Måle!
MeasureIt er en linjal, som du bruger til at finde dimensioner af ethvert element på en webside. Du skal blot klikke på udvidelsen og trække linjalen ud for at finde målene hurtigt og nemt.
17. Microstock Photo Power Search Tool
Hvad der adskiller en god webdesigner fra en stor webdesigner, er at vide, hvor man skal gå til lagerbilleder. Enhver designer ved, at det at finde det rigtige billede er en af de mest tidskrævende dele af design, især hvis du har flere go-to ressourcer. Denne udvidelse giver dig mulighed for at søge microstock på 5 af de øverste aktieselskaber, herunder Dreamstime, Fotolia og Shutterstock.
18. Palette til Chrome
Det Palette til Chrome udvidelse er øjeblikkeligt nyttigt. Højreklik på et billede, du gerne vil bruge. Denne udvidelse opretter en 16, 24 eller 32 farvepalet. Alternativt kan du også oprette en brugerdefineret palette. Brug denne udvidelse til at indarbejde og formidle farverne fra dit yndlingsbillede til dit webdesign.
19. Pendule
Den magtfulde Pendule udvidelse kombinerer flere af de udvidelser, der findes i denne liste. Pendule giver dig mulighed for at se og ændre Javascript og CSS. Du kan også se oplysninger om specifikke billeder eller gemme dem helt. Det er et robust udviklingsværktøj, der indeholder en farvevælger, en HTML- og CSS-validator og en linkchecker.
20. PlainClothes
Almindeligt tøj er en sjov og nyttig udvidelse, der giver dig mulighed for at se de blotte knogler på et websted. Nogle gange er det lettere at se fejl i et design eller analysere, hvorfor det virker så godt, når det går sort og hvidt. PlainClothes giver dig mulighed for at strippe en webside ned til en tekstfarve, en baggrundsfarve og en linkfarve. Links er understreget, tekst er din standard og pludselig er du igen i 1998. Faktisk fungerer PlainClothes meget godt for at tilføje tilgængelighed til dit webdesign.
21. Opløsningstest
Skift størrelse på din browser for at teste dit websted i forskellige beslutninger. Opløsningstest leveres med forudindstillede opløsningsstørrelser, men du kan også se i din egen specificerede opløsning.
22. Søg efter billede
Søg efter billede er en af mine foretrukne Chrome-udvidelser. Denne udvidelse giver dig mulighed for at finde et bestemt billede på forskellige hjemmesider. Med Søg efter billede har du også mulighed for at finde lignende billeder. Højreklik blot på billedet af interesse og vælg "Søg Google med dette billede." Du finder sider, der indeholder matchende billeder eller er visuelt ens.
23. Session Manager
Det Session Manager udvidelse gemmer alle dine aktuelt åbne faner til senere gennemgang. Denne udvidelse er yderst nyttig, hvis du som de fleste finder dig selv at åbne de samme sider igen og igen. Grupper og gem de tilhørende faner i Session Manager. For eksempel bundt alle dine sociale netværkssider sammen, så du hurtigt kan få adgang til dem uden at skulle individuelt åbne hvert websted. Og luk dem lige så hurtigt, med sikkerhed for at dine faner gemmes.
24. TabJump
Lignende i rækkevidde til Session Manager, TabJump går et skridt videre. Det styrer ikke kun dine faner, denne udvidelse kan også låse faner, hvilket forhindrer dig i at lukke en vigtig fane ved et uheld. Hvis du ved en fejltagelse lukker en fane, tillader TabJump dig at genåbne den, men husk at udvidelser ikke kan gendanne historikken.
25. For mangeTabs
Fordi der aldrig kan være nok udvidelser til at adressere browsertabstyring, TooManyTabs er en anden must-have. Denne udvidelse viser et miniaturebillede af alle de faner, du har åbnet. Dette er praktisk, når du arbejder med så mange faner, at du ikke længere kan læse fanebladene. At have en visuel hjælp hjælper dig med at sortere effektivt gennem dit arbejdsområde.
26. Webudvikler
Web-udvikler er et andet omfattende udvikler værktøj. Det er af samme udvikler, der skrev den vildt populære Firefox-udvidelse. Med denne udvidelse kan brugerne se og redigere CSS, vise billedfilstørrelser og slette sessionsk cookies.
27. WhatFont
For de fleste webdesignere er skrifttyper lidt af en big deal. Har du nogensinde været tilfældet på et tilfældigt websted og fundet den perfekte skrifttype, kun for at søge endeløs kode for svar? Hvis du kan lide det, skal du installere dette skrifttype søgning udvidelse . Hæng blot over en tekst og find den skrifttype, der er i brug. Ikke kun vil denne udvidelse fortælle navnet på skrifttypen, det giver også skrifttype og farve.
Har du nogen yndlingsudvidelser, der ikke lavede denne liste? Venligst del det med os i kommentarerne.