I dag deler jeg min udvalgte liste med 12 Chrome-udvidelser til designere og udviklere med dig. Jeg er begejstret for, at dette er mit ekspertiseområde, så lad os gå direkte til det.
1. The Great Suspender
The Great Suspender er en gratis og open source Google Chrome-udvidelse, der minimerer mængden af hukommelse, Chrome bruger. Det gør den ved automatisk at suspendere faner, der har været i dvale.Under motorhjelmen, hvad den gør, er at fjerne de sovende websider for deres grafik, JS osv.
The Great Suspender Chrome Extension
2. UX Check
UX Check Chrome Extension hjælper dig med at genkende brugervenlighedsproblemer gennem en hurtig og nem heuristisk evaluering.
Arbejdsgangen er enkel. Klik på ikonet for at starte Nielsens Ti Heuristics i et sidepanel som med Chrome Dev værktøjer . Du kan klikke på alle elementer, der ikke består evalueringen, for at tilføje noter, tage skærmbilleder og eksportere som en s docx-fil for nem deling.
UX Check Chrome Extension
3. Øjendråber
Eye Dropper er det mest fantastiske farvevalgsværktøj, så vidt jeg er bekymret for.Den har 2 faner – Eyedropper og Cooler-vælgeren. Pipetteværktøjet giver dig mulighed for at vælge farver fra enhver webside, mens farvevælgerværktøjet giver dig mulighed for at vælge brugerdefinerede farver.
Farver valgt fra websider eller valgt fra farvevælgerfanen gemmes automatisk i en palet, som du kan downloade som en CSV-fil. Eye Dropper viser også alle farver i RGB, HSL, HEX-koder og efter navn, og den understøtter tastaturgenveje.
Eye Dropper Chrome Extension
4. FontFace Ninja
FontFace Ninja er i stand til at vise information om alle skrifttyper på ethvert websted. Den indeholder downloadlinks til gratis skrifttyper og en mulighed for at vise priserne på bet alte.
FontFace Ninja har også muligheder for at bruge mørk tilstand, registrere skrifttyper i billeder (beta) og vise bogmærkeindstillinger.
FontFace Ninja Chrome Extension
5. Sidelineal
Page Ruler er en minimalistisk linealudvidelse, der giver dig mulighed for at måle bredder og højder på websider. Den har adskillige tastaturgenveje, navigation gennem forældre- og underordnede elementer, måleretningslinjer og lokalisering på 10 sprog.
Page Ruler Chrome Extension
6. Facebook Video Downloader
FB Down kan nemt downloade videoer fra Facebook og enhver anden side med videoafspilning. Du kan bruge det til at downloade alle de populære medieformater inklusive visse ophavsretligt beskyttede videoer (når du vælger at downloade videoen uden lyd).
FB Down fungerer som en linksniffer på websider, og ikonet lyser, når det ser indhold, der kan downloades.
Facebook Video Downloader Chrome Extension
7. PerfectPixel
PerfectPixel af WellDoneCode, er den bedste udvidelse til at skabe pixel-perfekte websteder. Det giver dig mulighed for at indstille billeder som overlejringer, som du kan sammenligne med udviklingsstedet. Det understøtter tastaturgenveje, semi-transparent billedoverlejring og mere.
PerfectPixel Chrome Extension
8. TinEye
TinEye er det perfekte værktøj til omvendt billedsøgning og det første til at implementere billedidentifikationsteknologi i stedet for nøgleord, metadata eller vandmærker. Det fungerer ved at skabe unikke digitale signaturer til billeder og derefter sammenligne signaturerne med dem i dets indeks.
TinEye returnerer ikke bare lignende billeder i sine søgeresultater, men eksakte match, der ikke udelukker beskårne, ændrede størrelser og redigerede versioner.
TinyEye Chrome-udvidelse
9. CSS Pepper
CSS Pepper giver dig mulighed for at udtrække CSS (selv af skjulte objekter) og bygge smukke stilguider på en velorganiseret måde. Dette gør det muligt for designere og udviklere at bruge tid på at arbejde på designet end på at søge i kode.
CSS Pepper Chrome Extension
10. WhatRuns
WhatRuns informerer dig om alt, der kører på ethvert websted, herunder rammer, temaer, skrifttyper, CMS osv.
Du kan også følge websteder, så udvidelsen giver dig besked, når der tilføjes nye teknologier.
WhatRuns Chrome Extension
11. Muzli
Muzli er en gratis udvidelse, der bringer tusindvis af smukke, inspirerende designs direkte til din browser i form af en ny taberstatning .
Hver gang du åbner en ny fane, udfylder Muzli den med nogle af de smukkeste designs fra 120+ kilder, herunder InVision, Muzli, Dribble, Product hunt, CNN, CSS Author, osv.! Dette er en juvel for designere.
Muzli Chrome-udvidelse
12. Dimensioner
Dimensions er en gratis og open source-udvidelse, der giver dig en smart måde at måle afstande mellem sideelementer.
Find dimensionerne af billed- og HTML-elementer ved at trække og svæve med musen relativt. Du kan også bruge tastaturgenveje til at arbejde - bare husk at indstille en tastaturgenvej i slutningen af Chrome-udvidelseslisten for at skifte udvidelsen for at nyde den bedste oplevelse.
Dimensions Chrome Extension
Der er andre udvidelser, som du bør kende til f.eks. Checkbot har til formål at booste dit SEO-omdømme og webstedets overordnede hastighed og sikkerhed ved at tjekke for ødelagte links, usikre sider, ugyldig HTML/CSS/JS, duplikerede titler og andet problemer, som du måske ikke bemærker under udviklingen.
Og Check My Links, som gennemgår dine websider for at sikre, at du ikke har ødelagte links – denne er gratis, men ikke som robust.
Har du nogle fede udvidelser til designere og udviklere, som vi bør kende til? Tilføj dem i kommentarfeltet nedenfor.