40 Užitočné rozšírenia Google Chrome pre návrhárov webových stránok
Milujem Google Chrome. Jeho jednoduchosť, rýchlosť a výkon sú nepochybne najvyššie. Ale niekedy je príliš jednoduché, je to problém, najmä pre nás web dizajnérov, ktorí sa spoliehajú ťažko na Firefox Addons ako Web Developer. Odchýlil som sa od Chromu, jo, lebo v roku 2008 nemal žiadny addon.
Ale teraz sa všetko znova mení. Nie je prekvapujúce, že iní skokani majú rovnakú lásku k prehliadaču Chrome a rozhodli sa vytvoriť rozšírenie prehliadača Chrome, ktoré má podobnú funkciu ako doplnok Firefox. Vykopal som do týchto rozšírení a bol som s nimi veľmi spokojný, a preto som sa rozhodol vyzdvihnúť 40 rozšírení, ktoré sú pre webových dizajnérov mimoriadne užitočné a zdieľajte s vami.
Takže tu sú pre vás, nastavte Chrome a zvyšujte svoju produktivitu.
farba
ColorPicker
Rovnako ako jeho názov, ColorPicker je pohodlné rozšírenie vytvorené hlavne na výber a získať farbu hodnotu odkiaľkoľvek na webovej stránke. Okrem toho môžete vybrať oblasť a potom kliknúť na farebnú paletu a zistiť, ako sa mení farba tejto oblasti bez toho, aby ste sa dotkli akéhokoľvek kódu.
Chrome Paleta
Máte bolesti hlavy pri hľadaní farebnej schémy z obrázka? Paleta Chrome rieši váš problém efektívne vytvorením až 64 farebných palet z obrázka webových stránok pre potreby návrhu alebo inšpirácie.
Farba Tweaker
Color Tweaker môže meniť farbu webovej stránky ako Color Picker, ale s konkrétnejšou metódou. Jednoducho zadajte volič CSS na toto rozšírenie, potom vylaďte farbu textu, pozadia a farby ohraničenia podľa svojej vôle.
typografie
Editor písiem
Už žiadne hádanie a únavné prepínanie programov, editor písiem vám umožňuje upravovať a sledovať nastavenie písma, ako je veľkosť, výška čiary a varianty živé.
Nástroj na prezeranie písma Google
Ako je uvedené v jeho názve, toto rozšírenie vám umožňuje prezerať písmo z Google Font Directory s možnosťami textového štýlu, ktorými sú veľkosť, štýl, váha a tieň. Ak ste spokojní s konkrétnym písmom, môžete skopírovať a vložiť odkaz a kód CSS, ktorý je uvedený v rozšírení na kód vašej webovej lokality, aby ste použili písmo.
vývoj
Web Developer
Pravdepodobne musí mať rozšírenie pre webového dizajnéra a vývojára. Zo zobrazovacieho skriptu na zobrazenie informácií o objektoch sa webový vývojár snaží poskytnúť všetky informácie, ktoré potrebujete, na existujúcich webových stránkach. Rozšírenie je tiež vybavené užitočnými nástrojmi, ako je výber farieb, zmena okna, validátor atď.
pendula
Ľahký a šikovný nástroj pre vývojárov, ktorý je podobný nástrojom pre vývojárov webu, ale je vybavený potrebnými nástrojmi, ako je prehliadač štýlov, zdrojový prehliadač a validátor.
Firebug Lite
Firebug Lite, ktorý je odlišný od toho, čo je v prehliadači Firefox, ponúka vizuálnu reprezentáciu vo formáte Firefox, pokiaľ ide o prvky HTML, elementy DOM a Zdieľanie modelov boxov. To tiež prichádza s možnosťou kontrolovať prvky HTML pomocou myši a môžete upraviť vlastnosti CSS s týmto rozšírením živý.
Stylebot
Stylebot vám dáva možnosť štýlovať akúkoľvek webovú stránku bez toho, aby ste sa dotkli kódu CSS, čo šetrí veľa písania. Najlepšou vlastnosťou tohto rozšírenia je pravdepodobne jeho schopnosť generovať kód CSS pre vaše použitie vždy, keď vykonáte zmenu na webových stránkach.
CSSViewer
Unavený tlačením 'Inspect Element' vždy, keď chcete vedieť, aký je štýl CSS na určitý prvok? CSS Viewer vám pomôže zobraziť základné informácie, ako je font, farba a umiestnenie živého prvku.
Stylesheet Reloader
Obnoví CSS šablónu bez osvieženia celej webovej stránky, čo výrazne šetrí čakaciu dobu najmä pre návrhárov s pomalým internetovým pripojením.
BuiltWith Technology Profiler
Najlepšou súčasťou tohto rozšírenia je zoznam všetkých implementovaných webových technológií, ako sú rámce a webový štandard, s veľmi podrobnými informáciami.
IE Tab Multi
Ukázalo sa, že je to najpodobnejšie ako pôvodný program Internet Explorer, IE Tab Multi je váš prehliadač Internet Explorer v prehliadači Chrome, ktorý podporuje veľa predvolených funkcií IE, ako je multi tabbing.
Window Resizer
S nástrojom Window Resizer môžete otestovať kompatibilitu rozlíšenia obrazovky so štandardnými alebo užívateľsky definovanými rozlišeniami obrazovky.
Validátor HTML
Jeden z najlepších rozšírení validátora, ktorý dokáže overiť HTML kód webovej stránky online alebo localhost v automatickom alebo manuálnom režime. Môžete tiež zvoliť zobrazenie výsledku overenia na webovej stránke alebo ju zobraziť na úplne novom okne.
zrak
S rôznymi možnosťami písma a písma zvýrazní Sight zdrojový kód webových stránok do vizuálne pohodlnejšej formy.
Konzola PHP
Byť bugged PHP erros, ale neviem, čo a kde to je? PHP Console vám pomôže zobrazovať chyby, výnimky a ladiace správy v notifikačnom formulári.
Vyhľadávanie rozhrania API pre jazyk JavaScript
Vyhľadávanie rozhrania API pre jazyk JavaScript pridáva podporu do všeobecnej prehliadača Chrome alebo tzv. Panela s adresou na vyhľadávanie funkcií jazyka JavaScript online s funkciou automatického dopĺňania. Ak rozšírenie nenájdete funkciu, ktorú hľadáte, ďalej vám navrhne súvisiace vyhľadávania zo služby Google Codesearch, vyhľadávanie vo vývoji a kódovaní a vyhľadávanie siete Mozilla Developer.
vyhľadávanie rozhrania jQuery API
Zatiaľ čo sa jQuery osvedčila ako vedúca knižnica Javascript, ktorá zlepšuje používateľskú skúsenosť, jQuery API Search vám dáva možnosť vyhľadávať pomocou jQuery API z Omniboxu pre Chrome. Stačí zadať "jq", za ktorým nasleduje medzera vo všeobecnom poli, potom ste na cestách.
Vyhľadávanie v PHP
Podobne ako vo vyhľadávaní rozhrania jQuery API, toto rozšírenie pridáva do všeobecného prehliadača Chrome podporu pre vyhľadávanie kódu PHP pre vaše referenčné použitie.
produktivita
Sústreď sa
Snúbenosti, aby ste sa držali mimo čas stráveného na webových stránkach, ale nikdy ste to nedokázali úspešne? Stay Focused pôsobí ako váš virtuálny nadriadený, ktorý blokuje čas strávený na webe na určitý čas, a odporúča vám vážne, keď sa pokúsite odblokovať alebo znížiť čas blokovania pre danú lokalitu. Je to tiež ozbrojené rozhodujúcou funkciou, ako je jadrová možnosť a režim výzvou, ktorý zabije tvoj čas strácať túžbu neúprosným spôsobom.
PopChrom
S PopChrom môžete definovať svoje vlastné skratky pre textové frázy, napríklad "ty" pre "ďakujem". Aktivačný kľúč je potrebný na transformáciu skratky na definované textové frázy, takže si vyberiete kombináciu klávesov, ktorá sa nerozbíja s iným klávesom.
Produktívna súprava Quickrr
Quickrr Productivity Kit vám poskytuje balík základných, ale užitočných nástrojov, ako je prekladateľ, kalkulačka, task-to-do, konvertor jednotiek atď..
Todoist
Pomocou jednoducho nastaviteľného účtu môžete prístup do tohto správcu úloh zadať a upraviť každú úlohu, ktorú potrebujete dokončiť. Najlepšia časť tohto rozšírenia je, že vaše úlohy sú uložené online, takže máte prístup k záznamu úloh v každom prehliadači Chrome s týmto rozšírením nainštalovaným.
Ananke Timer
Sledujte čas strávený na určitej úlohe alebo zaznamenávajte čas, ktorý ste strávili na konkrétnej webovej stránke. Ananke timer tiež podporuje viacnásobné sledovanie času a umožňuje vám prehliadať to, čo ste v minulosti sledovali.
Panel s nástrojmi pre Chrome
Vytvorené spoločnosťou Google Toolbox vám ponúka vlastné funkcie, ako je úprava správania karty, obnovenie údajov formulárov a vytváranie skratiek, ktoré spúšťajú vopred definované odkazy zo zložky záložiek.
Rozšírená stránka Chrome
Nikto nemá rád viac kliknutí na prístup k určitej stránke, Chrome Page Extended je vaša najrýchlejšia skratka pre prístup k všetkým potrebným stránkam Chrome, ako sú rozšírenia.
AppJump
Aplikácia AppJump umožňuje usporiadať a rýchlo spustiť aplikáciu Chrome z panela s nástrojmi prehliadača.
Záložka prepínačov záložiek
Príliš veľa záložiek a nepodarilo sa ich efektívne usporiadať? Boorkmark Bar Switcher vám umožní vytvoriť úplne nový záložkový blok a prepínať medzi nimi ľahko.
TabCloud
Uložte relácie systému Windows a neskôr ich obnovte na ľubovoľnom počítači so službou TabCloud, čo vám ušetrí veľa času z opätovného otvorenia rôznych webových stránok z rôznych častí záložiek.
Resourcing
Podobné stránky
Vyvinutý vyhľadávacím gigantom Google, podobné stránky vyhľadávajú na webe podobný webový obsah, ktorý čítate a chcete objaviť viac.
Univerzálne vyhľadávanie
Resource alebo odkazovanie je u Universal Search jednoduchšie, čo vám dáva vyhľadávacie pole s možnosťou vyhľadávania na Wikipédii, Bingu a ďalších vyhľadávačoch. Vyhľadávacie pole sa zobrazí aj vtedy, keď zvýrazníte akýkoľvek text z webových stránok, ktoré práve prehliadate.
Awesome Screenshot
Úplne úžasné rozšírenie obrazovky, ktoré zachycuje ľubovoľnú časť webovej stránky a komentuje ju obdĺžnikmi, kruhmi, šípkami, riadkami a textom. Potom môžete obrázok vo formáte PNG exportovať do počítača alebo na web.
Clip na Evernote
Oficiálne rozšírenie od spoločnosti Evernote na zachytenie a zaznamenanie vášho objavu na webe a odovzdanie do Evernote. Rozšírenie tiež podporuje funkciu vyhľadávania a synchronizácie uloženej poznámky.
Diigo
Použite Diigo na zvýraznenie, komentovanie alebo uverejnenie lepivých poznámok súkromne alebo verejne na webovej stránke, aby ste si ho mohli kedykoľvek prezrieť na webovej stránke.
Thinker
Mysli na Thinkery ako svoj online mozog, potom uložte svoju linkovú adresu a výber textu do nej pre pozeranie neskôr.
MyNotes
Poznámka by mala byť jednoduchý proces, a to je možné s myNotes, ktorý vám umožní označiť vybraný text jedným kliknutím v kontextovom menu.
Microstock Photo Power Search
Pravdepodobne jediným rozšírením vyhľadávania pre vás, aby ste hľadali vysoko kvalitné fotografie zo slávnych agentúr, ako sú Fotolia, Dreamstime a Shutterstock.
odraz
Keďže rozšírenia a aplikácie prehliadača Chrome sa naďalej rozrastajú a vyvíjajú divoko, je možné, že viac a viac milovníkov Firefoxu prijme prehliadač Google Chrome ako predvolený webový prehliadač. S tým, čo ste povedali, otočíte tvár do prehliadača Google Chrome so súčasným počtom rozšírení a aplikácií? Čo je to rozšírenie, aplikácia alebo funkcia, ktorá vás bude motivovať k presunu do prehliadača Google Chrome?
Taktiež sa s nami zdieľajte, ak máte v prehliadači Chrome príjemné rozšírenie, vždy je tu priestor na skvelý nástroj!
