I dag delar jag med mig av min utvalda lista med 12 Chrome-tillägg för designers och utvecklare. Jag är glad över att detta är mitt expertområde, så låt oss börja med det.
1. The Great Suspender
The Great Suspender är ett gratis Google Chrome-tillägg med öppen källkod som minimerar mängden minne som Chrome använder. Den gör detta genom att automatiskt stänga av flikar som har varit vilande.Vad den gör under huven är att ta bort de vilande webbsidorna på deras grafik, JS, etc.
The Great Suspender Chrome Extension
2. UX-kontroll
UX Check Chrome Extension hjälper dig att identifiera användbarhetsproblem genom en snabb och enkel heuristisk utvärdering.
Arbetsflödet är enkelt. Klicka på ikonen för att starta Nielsens Ten Heuristics i en sidopanel som med Chrome Dev verktyg . Du kan klicka på alla element som inte klarar utvärderingen för att lägga till anteckningar, ta skärmdumpar och exportera som en s docx-fil för enkel delning.
UX Check Chrome Extension
3. Ögon droppar
Eye Dropper är det mest fantastiska färgplockningsverktyget för mig.Den har 2 flikar – Eyedropper och Cooler-väljaren. Pipettverktyget låter dig välja färger från vilken webbsida som helst medan färgväljarverktyget låter dig välja anpassade färger.
Färger plockade från webbsidor eller valda från färgväljarfliken sparas automatiskt i en palett som du kan ladda ner som en CSV-fil. Eye Dropper visar också alla färger i RGB, HSL, HEX-koder och efter namn, och den stöder kortkommandon.
Eye Dropper Chrome Extension
4. FontFace Ninja
FontFace Ninja kan visa information om alla typsnitt på vilken webbplats som helst. Den innehåller nedladdningslänkar för gratis typsnitt och ett alternativ för att visa priserna på betalda.
FontFace Ninja har också alternativ för att använda mörkt läge, upptäcka teckensnitt i bilder (beta) och visa bokmärkes alternativ.
FontFace Ninja Chrome Extension
5. Sidlinjal
Page Ruler är en minimalistisk linjalförlängning som låter dig mäta bredder och höjder på webbsidor. Den har flera kortkommandon, navigering genom överordnade och underordnade element, mätriktlinjer och lokalisering på 10 språk.
Page Ruler Chrome Extension
6. Facebook Video Downloader
FB Down kan enkelt ladda ner videor från Facebook och vilken annan sida som helst med videouppspelning. Du kan använda den för att ladda ner alla populära medieformat inklusive vissa upphovsrättsskyddade videor (när du väljer att ladda ner videon utan ljud).
FB Down fungerar som en länksniffare på webbsidor och ikonen tänds när den ser nedladdningsbart innehåll.
Facebook Video Downloader Chrome Extension
7. PerfectPixel
PerfectPixel av WellDoneCode, är det bästa tillägget för att skapa pixelperfekta webbplatser. Det låter dig ställa in bilder som överlägg som du kan jämföra med utvecklingssidan. Den stöder kortkommandon, halvtransparent bildöverlagring och mer.
PerfectPixel Chrome Extension
8. TinEye
TinEye är det perfekta omvända bildsökningsverktyget och det första att implementera bildidentifieringsteknik, istället för nyckelord, metadata eller vattenstämplar. Det fungerar genom att skapa unika digitala signaturer för bilder och sedan jämföra signaturerna med dem i dess index.
TinEye returnerar inte bara liknande bilder i sina sökresultat utan exakta matchningar som inte utesluter beskurna, ändrade storlek och redigerade versioner.
TinyEye Chrome Extension
9. CSS Pepper
CSS Pepper låter dig extrahera CSS (även av dolda objekt) och bygga vackra stilguider på ett välorganiserat sätt. Detta gör det möjligt för designers och utvecklare att lägga tid på att arbeta med designen än att söka igenom kod.
CSS Pepper Chrome Extension
10. WhatRuns
WhatRuns informerar dig om allt som körs på en webbplats inklusive ramverk, teman, typsnitt, CMS etc.
Du kan också följa webbplatser för att tillägget ska meddela dig när någon ny teknik läggs till.
WhatRuns Chrome Extension
11. Muzli
Muzli är ett gratis tillägg som ger tusentals vackra, inspirerande design direkt till din webbläsare i form av en ny flikersättning .
Varje gång du öppnar en ny flik fyller Muzli den med några av de vackraste designerna från 120+ källor, inklusive InVision, Muzli, Dribble, Product hunt, CNN, CSS Author, etc! Detta är en juvel för designers.
Muzli Chrome Extension
12. Mått
Dimensions är ett gratis tillägg med öppen källkod som erbjuder dig ett smart sätt att mäta avstånd mellan sidelement.
Hitta måtten på bild- och HTML-element genom att dra och sväva med musen relativt. Du kan också använda kortkommandon för att fungera – kom bara ihåg att ställa in ett kortkommando i slutet av Chrome-tilläggslistan för att växla mellan tillägget för att få den bästa upplevelsen.
Dimensions Chrome Extension
Det finns andra tillägg som du bör känna till om t.ex. Checkbot syftar till att öka ditt SEO-rykte och webbplatsens övergripande hastighet och säkerhet genom att leta efter trasiga länkar, osäkra sidor, ogiltig HTML/CSS/JS, dubbletter av titlar och annat problem som du kanske inte märker under utvecklingen.
Och Check My Links som kryper igenom dina webbsidor för att se till att du inte har några trasiga länkar – den här är gratis men inte som robust.
Har du coola tillägg för designers och utvecklare som vi borde känna till? Lägg till dem i kommentarsfältet nedan.