Dnes s vámi sdílím svůj vybraný seznam 12 rozšíření pro Chrome pro návrháře a vývojáře. Jsem nadšený, že toto je moje odborná oblast, takže pojďme rovnou na to.
1. The Great Suspender
The Great Suspender je bezplatné a open source rozšíření Google Chrome, které minimalizuje množství paměti, kterou Chrome využívá. Dělá to automatickým pozastavením záložek, které byly nečinné.Pod pokličkou to dělá, že zbavuje spící webové stránky jejich grafiky, JS atd.
Rozšíření pro Chrome Great Suspender
2. Kontrola UX
Kontrola UX Rozšíření Chrome vám pomůže rozpoznat problémy s použitelností pomocí rychlého a snadného heuristického vyhodnocení.
Pracovní postup je jednoduchý. Kliknutím na ikonu spustíte Nielsen's Ten Heuristics na postranním panelu jako u nástrojů Chrome Dev . Kliknutím na jakýkoli prvek, který neprojde hodnocením, můžete přidat poznámky, pořídit snímky obrazovky a exportovat jako soubor docx pro snadné sdílení.
Zkontrolovat rozšíření UX pro Chrome
3. Kapátko
Eye Dropper je podle mého názoru nejúžasnější nástroj pro výběr barev.Obsahuje 2 karty – Eyedropper a Cooler výběr. Nástroj kapátko vám umožňuje vybírat barvy z libovolné webové stránky, zatímco nástroj pro výběr barvy vám umožňuje vybrat vlastní barvy.
Barvy vybrané z webových stránek nebo vybrané na kartě pro výběr barvy se automaticky uloží do palety, kterou si můžete stáhnout jako soubor CSV. Eye Dropper také zobrazuje všechny barvy v RGB, HSL, HEX kódech a podle názvu a podporuje klávesové zkratky.
Rozšíření oční kapátko pro Chrome
4. FontFace Ninja
FontFace Ninja je schopen zobrazovat informace o jakémkoli písmu na libovolné webové stránce. Obsahuje odkazy na stažení bezplatných písem a možnost zobrazení cen placených.
FontFace Ninja má také možnosti používat tmavý režim, detekovat písma v obrázcích (beta) a zobrazovat možnosti záložek.
FontFace Ninja Chrome Extension
5. Pravítko stránky
Page Ruler je minimalistické rozšíření pravítek, které umožňuje měřit šířky a výšky na webových stránkách. Obsahuje několik klávesových zkratek, navigaci přes rodičovské a podřízené prvky, pokyny pro měření a lokalizaci v 10 jazycích.
Rozšíření pro Chrome pro pravítko stránky
6. Facebook Video Downloader
FB Down můžete snadno stahovat videa z Facebooku a jakékoli jiné stránky s přehráváním videa. Můžete jej použít ke stažení všech populárních mediálních formátů včetně určitých videí chráněných autorským právem (pokud se rozhodnete stáhnout video bez zvuku).
FB Down funguje jako sledovač odkazů na webových stránkách a ikona se rozsvítí, když vidí obsah ke stažení.
Facebook Video Downloader Rozšíření Chrome
7. PerfectPixel
PerfectPixel od WellDoneCode je nejlepším rozšířením pro vytváření webových stránek s dokonalými pixely. Umožňuje vám nastavit obrázky jako překryvy, které můžete porovnat s vývojovým webem. Podporuje klávesové zkratky, poloprůhledné překrytí obrázků a další.
PerfectPixel Chrome Extension
8. TinEye
TinEye je dokonalý nástroj pro zpětné vyhledávání obrázků a jako první implementuje technologii identifikace obrázků namísto klíčových slov, metadat nebo vodoznaků. Funguje tak, že pro obrázky vytváří jedinečné digitální podpisy a poté je porovnává s podpisy ve svém indexu.
TinEye ve výsledcích vyhledávání nevrací pouze podobné obrázky, ale přesné shody nevyjímaje oříznuté verze, verze se změněnou velikostí a upravené verze.
Rozšíření TinyEye Chrome
9. CSS Pepper
CSS Pepper vám umožňuje extrahovat CSS (i ze skrytých objektů) a vytvářet krásné stylové průvodce dobře organizovaným způsobem. To umožňuje návrhářům a vývojářům trávit čas prací na návrhu než hledáním kódu.
Rozšíření CSS Pepper Chrome
10. WhatRuns
WhatRuns vás informuje o všem běžícím na libovolném webu včetně frameworků, témat, písem, CMS atd.
Můžete také sledovat webové stránky, aby vás rozšíření upozornilo na přidání nových technologií.
Rozšíření pro Chrome WhatRuns
11. Muzli
Muzli je bezplatné rozšíření, které přináší tisíce krásných, inspirativních designů přímo do vašeho prohlížeče ve formě nahrazení nové karty .
Pokaždé, když otevřete novou kartu, Muzli ji naplní některými z nejkrásnějších návrhů z více než 120 zdrojů, včetně InVision, Muzli, Dribble, Product hunt, CNN, CSS Author atd.! Toto je klenot pro návrháře.
Rozšíření Muzli Chrome
12. Rozměry
Dimensions je bezplatné rozšíření s otevřeným zdrojovým kódem, které vám nabízí chytrý způsob měření vzdáleností mezi prvky stránky.
Zjistěte rozměry obrázků a prvků HTML přetažením a podržením myši relativně. K práci můžete také použít klávesové zkratky – nezapomeňte nastavit klávesovou zkratku na konci seznamu rozšíření pro Chrome, abyste rozšíření přepínali, abyste si mohli užívat co nejlepší zážitek.
Rozšíření pro Chrome o rozměrech
Existují další rozšíření, o kterých byste měli vědět, např. Checkbot si klade za cíl zvýšit vaši reputaci SEO a celkovou rychlost a zabezpečení webu kontrolou nefunkčních odkazů, nezabezpečených stránek, neplatných HTML/CSS/JS, duplicitních názvů a dalších problémy, kterých si během vývoje nemusíte všimnout.
A Check My Links, který prochází vaše webové stránky, aby se ujistil, že nemáte žádné nefunkční odkazy – tento je zdarma, ale ne jako robustní.
Máte skvělá rozšíření pro designéry a vývojáře, o kterých bychom měli vědět? Přidejte je do sekce komentářů níže.