40 Užitečná rozšíření Google Chrome pro webové designéry

Miluji Google Chrome. Její jednoduchost, rychlost a výkon jsou bezpochyby špičkové. Někdy je však příliš jednoduchý také problém, zejména pro nás webové designéry, kteří se silně spoléhají na doplňky Firefoxu, jako je Web Developer. Odcházel jsem od Chrome, jo, jen proto, že v roce 2008 neměl žádný addon.

Ale teď se všechno znovu změní. Není divu, že ostatní geeks mají stejnou lásku k Chrome a rozhodli se vytvořit Chrome Extension, která má podobnou funkci jako Firefox Addon. Vykopal jsem do těchto rozšíření a byl jsem s nimi velmi spokojen, proto jsem se rozhodl vyzvednout 40 rozšíření, která je velmi užitečná pro webové designéry a sdílet s vámi.

Tak tady jsou pro vás, zařízení Chrome a zvýšit produktivitu.

Barva

ColorPicker

ColorPicker, stejně jako jeho jméno, je pohodlné rozšíření vytvořené hlavně pro výběr a získání hodnoty barev odkudkoliv na webové stránce. Kromě toho můžete vybrat oblast a poté kliknout na paletu barev, abyste viděli, jak se barva oblasti změní bez dotyku jakéhokoli kódu.

Paleta Chrome

Máte bolesti hlavy při hledání barevného schématu z obrázku? Paleta Chrome řeší váš problém efektivně vytvořením až 64 barevných palet z obrázku webu pro potřeby designu nebo inspirace.

Barva Tweaker

Color Tweaker může měnit barvu webové stránky jako Color Picker dělá, ale s více specifickou metodou. Stačí zadat CSS selektor na toto rozšíření a pak vyladit barvu textu, pozadí a barvu ohraničení na vaši vůli.

Typografie

Editor fontů

Už žádné hádání a únavné přepínání programů, Font Editor vám umožňuje upravovat a pozorovat nastavení písma, jako je velikost, výška řádku a varianta živá.

Prohlížeč písem Google

Jak je uvedeno v jeho názvu, toto rozšíření umožňuje zobrazit náhled písma z adresáře písmo Google s možnostmi textového stylu, kterými jsou velikost, styl, hmotnost a stíny. Pokud jste s konkrétním písmem spokojeni, můžete kopírovat a vložit odkaz a kód CSS uvedený v rozšíření kódu vaší webové stránky a použít písmo.

Rozvoj

Web Developer

Pravděpodobně nutné rozšíření pro web designer a vývojáře. Webový vývojář má od prohlížení skriptu k zobrazení informací o objektu za cíl poskytovat veškeré informace, které potřebujete, z existující webové stránky. Rozšíření je také vyzbrojeno užitečnými nástroji, jako je výběr barev, resizer oken, validátor atd.

Pendule

Lehký a praktický vývojářský nástroj, který je podobný Web Developeru, ale je vybaven pouze nezbytnými nástroji, jako je prohlížeč stylů, prohlížeč zdrojů a validátor..

Firebug Lite

Firebug Lite, odlišný od toho, co je ve Firefoxu, nabízí vizuální reprezentaci Firefoxu, pokud jde o prvky HTML, prvky DOM a sdílení modelu Box. Dodává se také s možností kontrolovat prvky HTML pomocí myši a vlastnosti CSS s touto příponou můžete upravovat živě.

Stylebot

Stylebot vám dává možnost stylu libovolné webové stránky přímo bez dotyku CSS kód, který šetří spoustu práce na psaní. Nejlepší vlastností tohoto rozšíření je pravděpodobně jeho schopnost generovat kód CSS pro vaše použití pokaždé, když provedete změnu webových stránek.

CSSViewer

Už vás nebaví tlačit "Inspect Element" pokaždé, když chcete vědět, jaký styl CSS je aplikován na určitý prvek? CSS Viewer vám pomáhá zobrazovat základní informace, jako je písmo, barva a umístění prvku živě.

Styletheet Reloader

Reloads CSS stylesheet bez osvěžení celé webové stránky, což výrazně šetří čekací dobu zejména pro návrháře s pomalým připojením k internetu.

BuiltWith technologie Profiler

Nejúspěšnější částí tohoto rozšíření je seznam všech implementovaných webových technologií, jako jsou rámce a webový standard s velmi podrobnými informacemi.

IE Tab Multi

Ukázalo se, že nejpodobnější je původní Internet Explorer, IE Tab Multi je váš Internet Explorer v Chrome, který podporuje tuny IE výchozí funkce, jako je multi tabbing.

Okno Resizer

Pomocí nástroje Windows Resizer můžete otestovat kompatibilitu rozlišení obrazovky s webovými stránkami se standardními nebo uživatelsky definovanými rozlišeními obrazovky.

HTML Validator

Jeden z nejlepších rozšíření validátoru, který může validovat HTML kód on-line nebo localhost webové stránky v automatickém nebo ručním režimu. Můžete také zvolit zobrazení výsledku ověření na webové stránce nebo zobrazení na zcela nové kartě.

Pohled

S různými možnostmi motivů a fontů Sight zvýrazní zdrojový kód webu do vizuálně pohodlnější podoby.

Konzola PHP

Být bugged PHP erros, ale nevím co a kde je? Konzola PHP vám pomáhá zobrazovat chyby, výjimky a ladící zprávy v oznamovacím formuláři.

JavaScript API Vyhledávání

Vyhledávání JavaScript JavaScript přidává podporu pro Omnibox Chrome nebo tzv. Adresní řádek pro online vyhledávání funkcí JavaScriptu pomocí funkce automatického dokončování. Pokud rozšíření nenajde hledanou funkci, bude vám dále doporučovat související vyhledávání z vyhledávání Google, vývoj a kódování vyhledávání a vyhledávání v síti Mozilla Developer Network.

jQuery API Search

Zatímco jQuery se osvědčil jako přední knihovna Javascript, která zlepšuje uživatelský komfort, jQuery API Search vám umožňuje vyhledávat i přes jQuery API z Omniboxu Chrome. Stačí napsat 'jq' následované mezerou ve všem poli, pak jste na cestách.

Vyhledávání PHP

Toto rozšíření, podobně jako jQuery API Search, přidává podporu pro váš Omnibox Chrome pro vyhledávání kódu PHP pro vaše referenční použití.

Produktivita

Zůstaňte zaměřeni

Swored, aby se od času plýtvání webové stránky, ale nikdy to úspěšně? Zůstaňte zaměřeni jako váš virtuální supervizor, který blokuje čas plýtvající webovou stránku po určenou dobu, a poradí vám, když se pokusíte odblokovat nebo snížit dobu blokování webu. Je také vyzbrojen klíčovým rysem, jako je jaderná možnost a režim výzvy, který zabíjí váš čas plýtváním touhou nemilosrdným způsobem.

PopChrom

S PopChromem můžete definovat své vlastní zkratky pro textové fráze, například „ty“ pro „děkuji“. Aktivační klíč je potřebný k transformaci zkratky na definované textové fráze, takže zvolte kombinaci kláves, která se neporušuje s jinou klávesovou zkratkou.

Quickrr Productivity Kit

Quickrr Productivity Kit vám nabízí balíček základních, ale užitečných nástrojů, jako je překladač, kalkulačka, úkol-do-úkol, převodník jednotek atd..

Todoist

Díky snadno nastavitelnému účtu můžete přistupovat do tohoto správce úloh a zapisovat a upravovat všechny úkoly, které potřebujete dokončit. Nejlepší část tohoto rozšíření je, že vaše úkoly jsou uloženy online, takže můžete přistupovat k záznamu úkolů v každém Chrome s tímto nainstalovaným rozšířením.

Ananke Timer

Sledujte svůj čas strávený na určitém úkolu, nebo zaznamenejte čas, který jste strávili na konkrétní webové stránce. Časovač Ananke také podporuje sledování času a umožňuje procházet to, co jste v minulosti sledovali.

Panel nástrojů Chrome

Panel nástrojů Chrome vytvořený společností Google vám přináší vlastní funkce, jako je změna chování karty, obnovení dat formulářů a vytvoření zástupce, který spouští předdefinované odkazy ze složky záložek..

Rozšíření stránky Chrome

Nikdo nemá rád, když chce přistupovat k určité stránce více, protože stránka s rozšířenými stránkami Chrome je nejrychlejší klávesovou zkratkou pro přístup ke všem potřebným stránkám Chrome jako jsou Rozšíření.

AppJump

Aplikace AppJump umožňuje organizovat a rychle spouštět aplikaci Chrome z panelu nástrojů prohlížeče.

Záložka Bar Switcher

Příliš mnoho záložek a nepodařilo se jim efektivně uspořádat? Boorkmark Bar Switcher umožňuje vytvořit zcela nový panel záložek a přepínat mezi nimi snadno.

TabCloud

Uložit relace systému Windows a obnovit je později na libovolném počítači s programem TabCloud, což vám ušetří spoustu času z re-otevřít různé webové stránky z jiné části složky záložek.

Zdroje

Podobné stránky

Podobné stránky vyhledávají na webu podobné webové stránky, které čtete a zajímáte se o další informace.

Univerzální vyhledávání

Zdroje nebo odkazování je snazší díky univerzálnímu vyhledávání, které vám dává vyhledávací pole s možností vyhledávání na Wikipedii, Bingu a dalších vyhledávačích. Vyhledávací pole se také zobrazí, když zvýrazníte jakýkoli text z webu, který právě prohlížíte.

Úžasné Screenshot

Úplně úžasné rozšíření obrazovky, které zachycuje jakoukoliv část webové stránky a anotuje ji obdélníky, kruhy, šipkami, čarami a textem. Snímek pak můžete exportovat ve formátu PNG do svého počítače nebo webu.

Klip k Evernote

Oficiální rozšíření Evernote zachytit a zaznamenat váš objev na webu pak nahrát do Evernote. Rozšíření podporuje také funkci vyhledávání a synchronizace uložené poznámky.

Diigo

Použijte Diigo pro zvýraznění, anotaci nebo odeslání poznámek na webové stránky soukromě nebo veřejně, abyste si je mohli kdykoli prohlédnout na webové stránce.

Myšlení

Myslíte, že Thinkery je váš online mozek, a pak si do ní uložte adresu odkazu a výběr textu, abyste si je mohli prohlédnout později.

moje poznámky

Poznámka by měla být snadný proces a je možné s myNotes, který vám umožní označit vybraný text jediným kliknutím v kontextovém menu.

Vyhledávání v Microstock Photo Power

Pravděpodobně jediné vyhledávací rozšíření pro vyhledání kvalitní fotografie ze slavných agentur jako Fotolia, Dreamstime a Shutterstock.

Odraz

Vzhledem k tomu, že rozšíření a aplikace Chrome stále roste a vyvíjejí se divoce, je možné, že stále více a více milovníků Firefoxu bude prohlížeč Google Chrome používat jako výchozí webový prohlížeč. S tím, co bylo řečeno, změníte svou tvář na Google Chrome s aktuálním počtem rozšíření a aplikací? Jaké je rozšíření, aplikace nebo funkce, které vás budou motivovat k přesunu do Google Chrome?

Také sdílet s námi, pokud máte pěkné rozšíření ve vašem Chrome, je tu vždy prostor pro skvělý nástroj!