Hva skjer

12 Chrome-utvidelser for utviklere og designere

Anonim

I dag deler jeg min kuraterte liste over 12 Chrome-utvidelser for designere og utviklere med deg. Jeg er glad for at dette er mitt ekspertiseområde, så la oss komme rett til det.

1. The Great Suspender

The Great Suspender er en gratis og åpen kildekode Google Chrome-utvidelse som minimerer mengden minne Chrome bruker. Den gjør dette ved å automatisk suspendere faner som har vært i dvale.Under panseret er det den gjør strippe de sovende nettsidene for grafikk, JS osv.

The Great Suspender Chrome Extension

2. UX-sjekk

UX Check Chrome Extension hjelper deg med å gjenkjenne brukervennlighetsproblemer gjennom en rask og enkel heuristisk evaluering.

Arbeidsflyten er enkel. Klikk på ikonet for å starte Nielsens Ten Heuristics i et sidepanel som med Chrome Dev-verktøy . Du kan klikke på alle elementer som ikke består evalueringen for å legge til notater, ta skjermbilder og eksportere som s docx-fil for enkel deling.

UX Check Chrome Extension

3. Eye Dropper

Eye Dropper er det mest fantastiske fargevalgsverktøyet for meg.Den har 2 faner – Eyedropper og Cooler-velgeren. Pipetteverktøyet lar deg velge farger fra hvilken som helst nettside, mens fargevelgerverktøyet lar deg velge egendefinerte farger.

Farger plukket fra nettsider eller valgt fra fargevelgerfanen lagres automatisk i en palett som du kan laste ned som en CSV-fil. Eye Dropper viser også alle farger i RGB, HSL, HEX-koder og etter navn, og den støtter hurtigtaster.

Eye Dropper Chrome Extension

4. FontFace Ninja

FontFace Ninja er i stand til å vise informasjon om alle fonter på alle nettsider. Den inneholder nedlastingslenker for gratis skrifter og et alternativ for å vise prisene på bet alte.

FontFace Ninja har også alternativer for å bruke mørk modus, oppdage fonter i bilder (beta) og vise alternativer for bokmerke.

FontFace Ninja Chrome Extension

5. Sidelinjal

Page Ruler er en minimalistisk linjalutvidelse som lar deg måle bredder og høyder på nettsider. Den har flere hurtigtaster, navigering gjennom overordnede og underordnede elementer, måleretningslinjer og lokalisering på 10 språk.

Page Ruler Chrome Extension

6. Facebook-videonedlasting

FB Down kan enkelt laste ned videoer fra Facebook og enhver annen side med videoavspilling. Du kan bruke den til å laste ned alle de populære medieformatene, inkludert visse opphavsrettsbeskyttede videoer (når du velger å laste ned videoen uten lyd).

FB Down fungerer som en lenkesniffer på nettsider, og ikonet lyser når det ser nedlastbart innhold.

Facebook Video Downloader Chrome Extension

7. PerfectPixel

PerfectPixel av WellDoneCode, er den beste utvidelsen for å lage pikselperfekte nettsteder. Den lar deg sette bilder som overlegg som du kan sammenligne med utviklingssiden. Den støtter hurtigtaster, semi-transparent bildeoverlegg og mer.

PerfectPixel Chrome Extension

8. TinEye

TinEye er det perfekte omvendte bildesøkeverktøyet og det første som implementerer bildeidentifikasjonsteknologi, i stedet for nøkkelord, metadata eller vannmerker. Den fungerer ved å lage unike digitale signaturer for bilder og deretter sammenligne signaturene med dem i indeksen.

TinEye returnerer ikke bare lignende bilder i søkeresultatene, men eksakte treff som ikke ekskluderer beskjærte, endrede størrelser og redigerte versjoner.

TinyEye Chrome-utvidelse

9. CSS Pepper

CSS Pepper lar deg trekke ut CSS (selv av skjulte objekter) og bygge vakre stilguider på en godt organisert måte. Dette gjør det mulig for designere og utviklere å bruke tid på å jobbe med designet enn å søke gjennom kode.

CSS Pepper Chrome Extension

10. WhatRuns

WhatRuns informerer deg om alt som kjører på et hvilket som helst nettsted, inkludert rammer, temaer, fonter, CMS osv.

Du kan også følge nettsteder for at utvidelsen skal varsle deg om når nye teknologier legges til.

WhatRuns Chrome Extension

11. Muzli

Muzli er en gratis utvidelse som bringer tusenvis av vakre, inspirerende design rett til nettleseren din i form av en ny taberstatning .

Hver gang du åpner en ny fane fyller Muzli den med noen av de vakreste designene fra 120+ kilder, inkludert InVision, Muzli, Dribble, Product hunt, CNN, CSS Author, etc! Dette er en juvel for designere.

Muzli Chrome Extension

12. Dimensjoner

Dimensjoner er en gratis utvidelse med åpen kildekode som gir deg en smart måte å måle avstander mellom sideelementer.

Finn dimensjonene til bilde- og HTML-elementer ved å dra og sveve musen relativt. Du kan også bruke hurtigtaster for å fungere – bare husk å angi en tastatursnarvei på slutten av Chrome-utvidelseslisten for å veksle mellom utvidelsen for å få den beste opplevelsen.

Dimensions Chrome Extension

Det finnes andre utvidelser du bør vite om f.eks. Checkbot har som mål å øke SEO-omdømmet ditt og nettstedets generelle hastighet og sikkerhet ved å se etter ødelagte koblinger, usikre sider, ugyldig HTML/CSS/JS, dupliserte titler og annet problemer som du kanskje ikke legger merke til under utviklingen.

Og Check My Links som kryper gjennom nettsidene dine for å sikre at du ikke har ødelagte koblinger – denne er gratis, men ikke som robust.

Har du kule utvidelser for designere og utviklere som vi bør vite om? Legg dem til i kommentarfeltet nedenfor.