25+ nejlepších rozšíření Google Chrome pro designéry a vývojáře
Rozšíření prohlížeče mohou urychlit pracovní postupy designu, což vám pomůže udělat vše od identifikace písma, přes tahání barevného vzorku až po kontrolu kódu prvku. Prohlížeč Google Chrome vyšplhal všechny ostatní prohlížeče s největším podílem na trhu mezi uživateli na více než 58 procentech všech počítačů.
A existuje spousta rozšíření, která vám pomohou optimalizovat výkon prohlížeče Chrome ve vašich pracovních postupech při navrhování.
Pro designéry a vývojáře jsme sestavili úžasnou sbírku 25 velmi užitečných rozšíření Google Chrome.
Paleta stránek
Paleta webů generuje komplexní palety, které můžete sdílet, vzorkovat a stahovat. Část, která dělá toto rozšíření docela cenným, je to, že můžete vytáhnout paletu z jakéhokoli webu jako inspiraci pro budoucí barevné kombinace. Funguje to s náčrtem, paletou Google Art a vzorníkem Adobe a má také bezplatné rozhraní API.
CSS-Shack
CSS-Shack umožňuje vytvářet styly vrstev v prohlížeči a exportovat pomocí jediného souboru CSS. Je to skvělé pro vytváření maket pro cokoli od úplného designu webu po jednoduché tlačítko.
WhatFont
WhatFont odpovídá na vaši vypálenou typografickou otázku: Jaké písmo je na tomto webu? Vytrhává část práce z identifikace písem tím, že je identifikujete, když se vznášíte myší. Zachytává běžné služby pro webová písma.
Checkbot
Checkbot vám pomůže zkontrolovat a opravit problémy se SEO, rychlostí a zabezpečením na vašem webu. Slouží ke kontrole nefunkčních odkazů, duplicitního názvu, nezabezpečené stránky, neplatného HTML a mnoha dalších problémů, které mohou mít vliv na použitelnost. Rozšíření je plné pravidel pro osvědčené postupy, možná i pár věcí, na které jste nepomysleli.
PerfectPixel
PerfectPixel vám umožní vložit poloprůhledný obrázek do rozvinutého HTML a provést perfektní srovnání pixelů. Použijte jej k návrhu s dokonalou přesností v pixelech.
Pravítko stránky
Page Ruler je rozšíření Google Chrome, které vám umožňuje nakreslit pravítko a získat rozměry a umístění pixelů. Slouží k měření jakéhokoli prvku na webové stránce. Použití s rozhraním drag and drop pomocí šipek a vodítek je velmi snadné.
Muzli 2
Muzli 2 je rozšíření Chrome, které vám pomůže inspirovat. Je to vitrína designu a novinek UX z celého webu, která na jednom místě naplňuje informace z více než 120 kanálů.
SVG-Grabber
Program SVG-Grabber umožňuje zkopírovat kód a zobrazit a „chytit“ veškerá aktiva SVG z webové stránky. Je to open source nástroj, který je super zábava používat.
Tkalcovský stav
Loom je nástroj, který vám umožní zachytit obrazovku, nahrávat z kamery a vyprávět vše najednou. Poté můžete sdílet s odkazem. Je to skvělý způsob, jak spolupracovat na projektech s lidmi, kteří nejsou na stejném místě.
Okno Resizer
Window Resizer umožňuje změnit velikost okna prohlížeče na různá rozlišení obrazovky. Otestujte rozvržení v různých rozlišeních prohlížeče. Seznam rozlišení je zcela přizpůsobitelný. Nastavte šířku / výšku okna, polohu okna, ikonu předvolby (telefon, tablet, notebook, stolní počítač) a dokonce i možnost použít nové rozměry na celé okno nebo jen na výřez.
Stylebot
Stylebot vám pomůže okamžitě změnit vzhled webových stránek pomocí vlastního CSS. Můžete si prohlédnout a nainstalovat styly nebo vybrat a elementovat a vybrat změny, které chcete provést z editoru. Proveďte úpravy písem, barev, okrajů, viditelnosti a dokonce psejte CSS ručně.
Alexa Traffic Rank
Alexa Traffic Rank vám poskytne informace, které potřebujete, než začnete odkazovat na jiné webové zdroje. Získejte rychlý a snadný přístup k Alexa Traffic Rank webu a odkazujícím webům. Podívejte se, jak dobře je web zkontrolován. Zjistěte více o tom, jak je web vyhledáván pomocí vyhledávání pomocí Alexovy vyhledávací analýzy, nebo se podívejte, jak to vypadalo v minulosti pomocí Wayback Machine.
ColorZilla
ColorZilla je rozšíření Chrome, které používá nástroj kapátko ke sbírání barev z čehokoli na webu. Můžete upravovat barvy, palety náhledu a dokonce generovat nové možnosti.
Vlastní kurzor
Custom Cursor je jedno z těch rozšíření, které je naprosto jen pro zábavu. To vám umožní změnit kurzor myši na téměř jakýkoli design, který si dokážete představit, s použitím vašich obrázků nebo kolekce premade.
Spektrum
Spektrum umožňuje testovat jakýkoli web a vidět jej z pohledu lidí s různými typy barevných vidění. Je to skvělý nástroj pro usnadnění přístupu, který vám může pomoci při výběru designu, pokud jde o barvu a kontrast.
Skenování CSS
CSS Scan vám umožňuje kontrolovat, kopírovat a upravovat CSS pomocí rozšíření prohlížeče, abyste se vyhnuli nástroji „inspect element“. Skutečnou výhodou je, že můžete najednou umístit kurzor myši, kliknout na něj a zkopírovat všechna pravidla prvku.
Zkontrolujte moje odkazy
Zkontrolujte procházení odkazů Moje odkazy a zkontrolujte, zda na webové stránce nejsou přerušené odkazy. Zdůrazňuje platné a nefunkční odkazy v různých barvách, takže můžete rychle zjistit, co je potřeba. Poté zkopírujte všechny špatné odkazy do schránky pro snazší rozlišení.
Umění a kultura Google
Umění a kultura Google nahrazuje ošklivá okna prohlížeče každou novou kartou, kterou otevřete v prohlížeči Chrome. Získáte denní dávku umění s uměleckými díly a popisy umění, které vidíte.
Test rozlišení
Resolution Resolution je rozšíření prohlížeče Chrome, které vývojářům umožňuje testovat webové stránky v různých rozlišeních obrazovky. Jednoduchý, ale účinný.
Fontface Ninja
FontFace Ninja je rozšíření prohlížeče, které vám umožní kontrolovat, zkoušet, ukládat do záložek a kupovat písma nalezená na jakémkoli webu.
Image Downloader
Image Downloader umožňuje hromadné stahování obrázků z webové stránky. Můžete vidět obrázky, které stránky obsahují, odkazovat na ně a filtrovat podle šířky, výšky a adresy URL. Vyberte obrázky, které se vám líbí a stáhněte.
RescueTime
RescueTime je dokonalým rozšířením produktivity. Sledujte, co děláte online celý den (pokud si troufáte).
Firemní Ipsum
Firemní Ipsum používá profesionálnější sadu výplňových slov pro výplňový text (lorem ipsum).
Google Font Previewer
Prohlížeč písem Google vám umožňuje vybrat písmo z adresáře Písmo Google s několika možnostmi stylu a zobrazit je na aktuální kartě.
Gramaticky
Gramatika vám umožní kontrolovat pravopis a gramatiku v prohlížeči během práce. Vyhněte se hloupým chybám, takže veškerá vaše práce - od e-mailů po makety - bude mít více leštěný pocit.
Jaké je vaše oblíbené rozšíření Google Chrome?
Nyní, když jste viděli naši sbírku rozšíření Google Chrome pro designéry a vývojáře, napište nám poznámku a dejte nám vědět, jaká jsou vaše oblíbená rozšíření. Vyzkoušeli jste také některá z výše uvedených rozšíření? Co si o nich myslíš?
