10 bästa Safari Extensions för webbdesigners och utvecklare

Apples Safari webbläsare är älskad av många Apple och Mac entusiaster. Det är ett solidt alternativ till Chrome (och gör ofta ett bra jobb på integritets- och säkerhetsfronten). Det finns några bra Safari-förlängningar som kan hjälpa designers att öka produktiviteten och skapa en bättre webbläsarupplevelse.

Du kan hitta alla dessa tillägg i Apples extensions galleri, men vi har curated några av våra favoriter nedan. Oavsett om du vill förbättra ditt typsnitt erkännande, förstå vad som driver en webbplats bakom kulisserna, eller bättre kontrollera din grammatik-vi har tagit dig!

1. Fontface Ninja

Fontface Ninja är en gratis webbläsareutvidgning som hjälper dig att räkna ut och försöka skriva teckensnitt. Du kan inspektera, försöka köpa och bokmärke några teckensnitt på vilken webbplats som helst med bara några klick.

När du är installerad, svänger du bara över en typsnitt för att se teckensnittsnamn, storlek, linjeavstånd, linjehöjd och färg på bokstäverna. Då kan du klicka för att prova en typ utan att lämna webbplatsen där du surfar. Plus, Fontface kan ge priset och länkarna att köpa för mer än 30 000 teckensnitt.

Undrar aldrig vad en typsnitt är igen.

2. Everhour Time Tracker

Everhour Time Tracker håller reda på hur mycket tid du spenderar i projekthanteringsverktyg. Det är en utmärkt förlängning för att hjälpa designers (och frilansare) att se exakt hur mycket tid de spenderar på vissa funktioner.

Du kan använda tidspårningsverktyget för att länka till fakturering och lönesystem.

Den verkliga bonusen är att den ansluter till massor av appar - särskilt populära projekthanteringsverktyg som Asana, Trello, Basecamp och JIRA.

3. HoverSee

HoverSee tillåter användare att sväva musen över en bild eller länk för att förstora foton eller förhandsgranska webbplatsinnehåll innan man faktiskt klickar på en länk.

HoverSee tillåter användare att se förbättrat innehåll för miniatyrbilder på sociala medier och nyhetswebbplatser, länkar till bildgallerier, länkar till videoinnehåll, direkta länkar till bilder och tycker om webbplatser som är aktiverade av användaren.

Detta är en smidig förlängning om du vill ta en titt på information snabbt utan att förlora spår av var du arbetar. Det kan vara en tidsbesparare.

4. Notifier för GitHub

Meddelanden för GitHub visar ett bra litet verktyg för att läsa meddelanden som du har på GitHub. Det här kan vara en bra kompis för aktiva användare som inte vill logga in för att se vad som händer med gafflarna.

5. Tema och Plugins Detector för WordPress

Undrar du någonsin vilka verktyg som driver en annan webbplats? Tema- och plugindetektorn för WordPress berättar precis vad som fungerar i bakgrunden till andra webbplatser på det populära innehållshanteringssystemet.

Med ett klick på en liten knapp i verktygsfältet kan du se temat och version, liksom den version av WordPress som körs. Det upptäcker också andra plugins som används och innehåller korta beskrivningar av dem med länkar och prissättning.

6. grammatiskt

Grammarlys förlängning hjälper till att polera ditt skrivande direkt i webbläsaren. Verktyget - som levereras med gratis annonsbetalda versioner av programvaran - ger enkel, korrekt korrekturläsning som du skriver.

Det kan upptäcka grammatik, stavning och stilfel för att hålla dina webbdesigner rena och polerade från början till slut. Det kommer att föreslå ändringar på skärmen så att du kan klicka för att justera eller ignorera ett förslag och fortsätta framåt. (Detta är ett av de verktyg som verkligen kan rädda dig från att se dumt på grund av ett misstag.)

7. Spår Anka

TrackDuck är ett återkopplingsverktyg som levereras med en betald plan. Det hjälper dig att samla feedback vid alla steg i webbdesignprocessen.

Du kan dela mockups, utvecklingsfaser och mer och få feedback från andra användare. Det fungerar med flera CMS-plattformar som WordPress, MODX, Squarespace och Shopify.

8. Rebrandly

Är dina webblänkar långa och besvärliga? Rebrandly-utvidgningen och plattformen gör det möjligt att skapa och dela kortare länkar med din egna domän.

Du kan märka länkar för att underlätta för användarna att komma ihåg. Dessutom hjälper det här verktyget att förbättra märkessynligheten eftersom du använder din domän, inte en tredje part. Det kommer också att hjälpa användarna att lita på dina länkar eftersom de inte innehåller oddballtext och är optimerade för sökning.

Utvidgningen är enkel att använda och sparar tid i ditt arbetsflöde längs linjen. Du behöver inte byta gamla och klumpiga länkar, vilket kan skada etablerad länkning. Dessutom kan du dela direkt till sociala medier.

9. SEOquake

SEOquake gör att du snabbt kan kontrollera sökmotoroptimering med denna förlängning.

Du kan genomföra en SEO-revision, ta en titt på interna och externa länkar, jämföra domäner och webbadresser (även i realtid) och exportera din information.

Utvidgningen fungerar snabbt och lägger inte mycket på ditt system samtidigt som du ger en snabb och enkel SEO-granskning på din webbplats. Den medföljande verktygsfältet ger också information om SEO för andra webbplatser medan du surfar så att du kan jämföra med din egen. Ett annat viktigt inslag i verktyget är en nyckelordsanalys som hjälper dig att visualisera alla nyckelord som används i en specifik webbdesign.

Dessutom kan du anpassa den här förlängningen så att den bara visar informationen du vill se, så det finns inget besvärligt gränssnitt att hantera.

10. Snygg

Snygg kan du anpassa dina favoritwebbplatser - Tänk att ge Facebook en ansiktslyftning - med anpassad CSS eller genom att använda tusentals andra användarstilar som drivs av den aktiva Stilfulla gruppen. Utvidgningen fungerar med hjälp av Google Analytics.

Slutsats

Den bästa delen av stora webbläsartillägg är att de kan hålla dig från att repetera vissa uppgifter under hela dagen. För många designers kan detta vara en stor tidsbesparare. Du hittar alla dessa tillägg på Apple Safari Extensions-sidan i App Store.

Finns det några Safari-förlängningar du älskar som inte finns på listan? Berätta för oss på Twitter Var noga med att tagga @designshack.