Obsah
- 01. Zjednodušte Gmail
- 02. Spektrum
- 03. CSS Scan 2.0
- 04. Amino
- 05. Sizzy
- 06. Paleta stránek
- 07. Checkbot
- 08. Toby
- 09. DomFlags
- 10. Vysoce zvýrazňovač
Nástroje pro vývojáře v prohlížeči Chrome jsou skvělé, ale je možné do internetového prohlížeče přidat ještě více vzrušujících funkcí, které vám usnadní design a vývoj webových stránek.
Samozřejmě existuje spousta dalších nástrojů, které věci urychlí, viz příspěvek k oblíbeným nástrojům pro webový design. Prozatím je zde 30 našich oblíbených rozšíření pro Chrome pro webové designéry a vývojáře.
01. Zjednodušte Gmail
Pokud zjistíte, že Gmail je pro své vlastní dobro trochu chaotický, pozdravte Simplify Gmail, který zametá všechny trosky a špatná rozhodnutí uživatelského rozhraní, která se do něj v posledních několika letech vkradla. Vytvořil bývalý vedoucí designér Gmailu Michael Leggett, zbavuje se všeho rušivého nepořádku a poskytuje vám více odizolovanou a funkční verzi.
02. Spektrum
Barevná slepota jakéhokoli druhu postihuje přibližně 200 milionů lidí na celém světě, ale jejich stravování je často na kontrolním seznamu přístupnosti designérů nízké. Se spektrem však můžete svůj web rychle otestovat proti různým typům nedostatku barevného vidění a zajistit, aby bylo vše jasné.
03. CSS Scan 2.0
Nástroje Chrome pro vývojáře jsou praktickým způsobem, jak se pod kapotou podívat, jak web funguje, ale CSS Scan 2.0 je ještě jednodušší, pokud se chcete podívat na CSS. Najeďte myší na jakýkoli prvek a jeho CSS se zobrazí v rozevíracím zobrazení, což vám umožní zkopírovat jeho pravidla jediným kliknutím. Můžete jej použít ke kopírování konkrétních prvků z motivů nebo šablon, které se přizpůsobí pro vaše vlastní použití, a je skvělé pro ladění vlastního kódu.
04. Amino
Tady je další skvělý nástroj CSS. Amino je živý editor CSS, který umožňuje generovat šablony stylů v prohlížeči a aplikovat je v reálném čase na webové stránky. Účinně vám umožní provádět trvalé změny designu na jakémkoli webu, který navštívíte. Pokud jste do Chromu přihlášeni pomocí účtu Google, šablony stylů se synchronizují, aby byly přístupné z Chromu na všech vašich stolních zařízeních.
05. Sizzy
Responzivní webový design je v dnešní době samozřejmostí a vy chcete přímý způsob, jak zkontrolovat své návrhy ve více výřezech, Sizzy stojí za to se podívat. Ukáže vám interaktivní pohled na vaši stránku vykreslenou na mnoha různých velikostech obrazovky zařízení, můžete také zobrazit a skrýt simulovanou klávesnici zařízení a přepínat mezi režimy na výšku a na šířku.
06. Paleta stránek
Až příště uvidíte web, který skvěle využívá barvy, je zde jednoduchý způsob, jak toho využít. Paleta webů extrahuje hlavní barvy z webu a generuje sdílenou paletu, kterou můžete snadno ukázat spolupracovníkům. Můžete si také stáhnout šablonu Skica a existuje také podpora Adobe Swatch.
07. Checkbot
Zajistit, aby všechny odkazy na vašem webu skutečně fungovaly, je okamžitou výhrou v použitelnosti a je to také dobrý způsob, jak zlepšit své SEO. Checkbot je rozšíření pro Chrome, které kontroluje nefunkční odkazy, duplicitní nadpisy, řetězce přesměrování, neplatný HTML / JS / CSS a další, takže můžete rychle zkontrolovat, zda váš web neobsahuje špatné odkazy a opravit je.
08. Toby
Je pravdou všeobecně uznávanou, že v době, kdy budete mít Chrome otevřený několik hodin, to bude matoucí hnízdo záložek na šířku vašeho malíčku. Toby je skvělý způsob, jak je zkrotit; s ním můžete všechny tyto karty uspořádat do kolekcí odkazů jako alternativu k spoustě jednotlivých záložek, což usnadňuje jejich správu.
09. DomFlags
Radikálně zrychlete procesy stylingových prvků s DomFlags, opravdu skvělým rozšířením, které vám umožní vytvářet klávesové zkratky pro prvky DOM. Je to jako mít záložky pro navigaci v DOM; tím se změní způsob práce s DevTools.
10. Vysoce zvýrazňovač
Zde je zajímavý způsob, jak přivést lidi do diskuse: Velmi vám umožňuje sdílet nejdůležitější články z článků na webu, takže můžete upozornit na nejvýznamnější části psaní.
Další: 10 dalších rozšíření pro Chrome