Pagina principala » Setul de instrumente » 40 Extensii Google Chrome utile pentru Designerii Web

    40 Extensii Google Chrome utile pentru Designerii Web

    Îmi place Google Chrome. Simplitatea, viteza și performanța sa sunt fără îndoială, fără îndoială. Dar, uneori, fiind prea simplu este și o problemă, mai ales pentru noi, designeri de web care se bazează foarte mult pe addons Firefox, cum ar fi Web Developer. Am plecat de la Chrome, da, doar pentru că nu a avut nici un addon înapoi în 2008.

    Dar acum totul se schimbă din nou. Nu este surprins faptul că alți geeks au aceeași dragoste cu Chrome și au decis să creeze Extensia Chrome, care are o funcție similară cu cea a Firefox Addon. Am săpat în acele prelungiri și am fost foarte mulțumit de ei, deci am decis să ridic 40 de extensii, care este extrem de utilă pentru web designeri și împărtășesc cu voi băieți.

    Deci, aici sunt pentru dvs., aranjați Chrome și creșteți productivitatea.

    Culoare

    Selector de culoare

    La fel ca numele său, ColorPicker este o extensie convenabilă creată în principal pentru a alege și pentru a obține valoarea de culoare de oriunde pe pagina web. În plus, puteți alege o zonă, apoi faceți clic pe paleta de culori pentru a vedea cum se schimbă culoarea zonei fără a atinge niciun cod.

    Chrome Paletă

    Aveți dureri de cap în găsirea schemei de culori din imagine? Paleta Chrome rezolvă problema în mod eficient prin crearea a până la 64 de palete de culori din imaginea site-ului pentru necesitățile de design sau de inspirație.

    Culoare Tweaker

    Color Tweaker poate modifica culoarea site-ului ca Color Picker, dar cu o metodă mai specifică. Doar introduceți selectorul CSS pe această extensie, apoi optimizați culoarea textului, fundalului și culorii de margine la voința dvs..

    Tipografie

    Editor de fonturi

    Nu mai treceți la ghicirea și obosirea programelor, Font Editor vă permite să modificați și să respectați setarea fontului ca mărimea, înălțimea liniei și varietatea plină de viață.

    Google Font Previewer

    Așa cum este specificat în numele său, această extensie vă permite să previzualizați fontul din Google Font Directory cu opțiuni de styling text care sunt dimensiunea, stilul, greutatea și umbrele. Dacă sunteți mulțumit de un anumit font, puteți să copiați și să lipiți linkul și codul CSS furnizat în extensie la codul site-ului web pentru a utiliza fontul.

    Dezvoltare

    Dezvoltator Web

    Probabil trebuie să existe o extensie pentru web designer și dezvoltator. Din scriptul de vizualizare pentru afișarea informațiilor despre obiect, Web Developer își propune să furnizeze fiecare informație de care aveți nevoie de pe un site existent. Extensia este, de asemenea, înarmată cu instrumente utile, cum ar fi picker de culoare, resizer fereastră, validator, etc.

    pendule

    Instrument de dezvoltare ușor și ușor de folosit, similar cu cel de Web Developer, dar echipat cu instrumente necesare, cum ar fi vizualizatorul de stil, vizualizatorul sursă și validatorul.

    Firebug Lite

    Diferit de ceea ce este în Firefox, Firebug Lite oferă o reprezentare vizuală asemănătoare Firefox atunci când vine vorba de elemente HTML, elemente DOM și Sharing Model Box. De asemenea, vine cu posibilitatea de a inspecta elementele HTML cu ajutorul mouse-ului dvs. și puteți edita proprietățile CSS cu această extensie plină de viață.

    Stylebot

    Stylebot vă oferă posibilitatea de a modela orice site direct fără a atinge codul CSS, ceea ce economisește o mulțime de lucrări de scriere. Cea mai bună caracteristică a acestei extensii este probabil abilitatea sa de a genera cod CSS pentru utilizarea dvs. ori de câte ori faceți o modificare a site-ului.

    CSSViewer

    S-a obosit să împingă "inspectați elementul" ori de câte ori doriți să știți ce stil CSS este aplicat anumitor elemente? CSS Viewer vă ajută să afișați informații esențiale, cum ar fi fontul, culoarea și poziționarea elementului plin de viață.

    Reîncărcarea foilor de stil

    Reîncarcă foaia de stil CSS fără a reîmprospăta întregul site web, ceea ce economisește foarte mult timpul de așteptare, în special pentru designerul cu conexiune lentă la internet.

    BuiltWith Technology Profiler

    Cea mai bună parte a acestei extensii este lista tuturor tehnologiilor web implementate, cum ar fi cadrele și standardul web, cu informații foarte detaliate.

    IE Tab Multi

    Sa dovedit a fi cea mai asemănătoare cu Internet Explorer-ul original, IE Tab Multi este browser-ul Internet Explorer din Chrome, care suportă o mulțime de caracteristici implicite ale IE,.

    Window Resizer

    Cu Window Resizer, puteți testa compatibilitatea rezoluției ecranului dvs. cu rezoluțiile de ecran standard sau definite de utilizator.

    HTML Validator

    Una dintre cele mai bune extensii de validare care poate valida codul HTML al paginii web online sau localhost în mod automat sau manual. De asemenea, puteți alege să afișați rezultatul validării în pagina web sau să o vizualizați într-o filă complet nouă.

    Vedere

    Cu diferite opțiuni de teme și fonturi, Sight evidențiază codul sursă al site-ului într-o formă confortabilă din punct de vedere vizual.

    Consola PHP

    Fiind bugat de PHP erros, dar nu stiu ce si unde este? Consola PHP vă ajută să afișați erori, excepții și mesaje de depanare în formularul de notificare.

    Căutarea API-ului JavaScript

    Căutarea JavaScript API adaugă suport pentru caseta de omologie Chrome sau așa-numita bara de adrese pentru a căuta funcții JavaScript online cu funcția de completare automată. Dacă extensia nu poate găsi funcția pe care o căutați, aceasta vă va sugera în continuare căutări corelate de la Google Codesearch, Căutarea de dezvoltare și codificare și căutarea în Rețeaua de căutare Mozilla.

    Căutare jQuery API

    În timp ce jQuery sa dovedit a fi cea mai bună bibliotecă Javascript care îmbunătățește experiența utilizatorului, jQuery API Search îți oferă posibilitatea de a căuta, deși jQuery API din caseta Omnibox Chrome. Doar tastați "jq" urmat de un spațiu în caseta polivalentă, atunci sunteți în mișcare.

    Căutare PHP

    Similar cu căutarea jQuery API, această extensie adaugă suport pentru caseta dvs. omologă Chrome pentru a căuta cod PHP pentru utilizarea dvs. de referință.

    Productivitate

    Rămâi concentrat

    Ați jurat să vă păstrați departe de pierderea timpului pe site, dar nu l-ați reușit niciodată? Stay Focused acționează ca supervizor virtual care blochează pierderea timpului pentru o anumită perioadă de timp și vă sfătuiește serios când încercați să deblocați sau să micșorați timpul de blocare pentru site. Este, de asemenea, înarmat cu o caracteristică crucială, cum ar fi opțiunea nucleară și modul de provocare care vă ucid timpul pierdând dorința într-o manieră nemiloasă.

    PopChrom

    Cu PopChrom, puteți defini propriile comenzi rapide pentru fraze text, cum ar fi "ty" pentru "thank you". Cheia de activare este necesară pentru a transforma abrevierea în expresii de text definite, deci alegeți o combinație de taste care nu se blochează cu altă tastă de comandă rapidă.

    Setul de productivitate Quickrr

    Quickrr Kit de Productivitate vă oferă un pachet de instrumente de bază, dar utile, cum ar fi traducătorul, calculatorul, task-to-do, convertorul unității etc..

    Todoist

    Cu un cont ușor de instalat, puteți accesa acest manager de activități pentru a scrie și a edita toate sarcinile de care aveți nevoie pentru a finaliza. Cea mai bună parte a acestei extensii este că sarcinile dvs. sunt stocate online, astfel încât să puteți accesa înregistrarea de sarcini în fiecare Chrome cu extensia instalată.

    Ananke Timer

    Urmăriți timpul petrecut pe o anumită sarcină sau înregistrați timpul petrecut pe un anumit site web. Ananke timer suportă, de asemenea, urmărirea mai mult timp și vă permite să căutați tot ceea ce ați urmărit în trecut.

    Cutia de instrumente Chrome

    Creat de Google, setul de instrumente Chrome vă oferă funcții personalizate, cum ar fi modificarea comportamentului filelor, restaurarea datelor din formular și crearea de comenzi rapide care lansează linkuri predefinite din dosarul de marcaje.

    Pagina Chrome extinsă

    Nimeni nu iubește să facă mai multe clicuri pentru a accesa anumite pagini, Chrome Page Extended este cea mai rapidă comandă rapidă pentru a accesa toate paginile Chrome necesare, cum ar fi extensiile.

    AppJump

    Cu AppJump, puteți organiza și lansa rapid aplicația Chrome din bara de instrumente a browserului.

    Bookmark Bar Switcher

    Prea multe marcaje și nu au reușit să le organizați eficient? Boorkmark Bar Switcher vă permite să creați o bară de marcă nouă și să comutați ușor între ele.

    TabCloud

    Salvați sesiunile de Windows și le restaurați mai târziu pe orice computer cu TabCloud, ceea ce vă economisește mult timp din re-deschideți un site web diferit din altă parte a dosarului de marcaje.

    Resourcing

    Pagini similare

    Dezvoltat de motorul de căutare Google, paginile similare caută pe web pentru un conținut web similar pe care îl citiți și doriți să îl descoperiți mai mult.

    Căutare universală

    Resursele sau referințele sunt mai ușoare în cadrul Căutării universale, care vă oferă o casetă de căutare cu opțiunea de a căuta pe Wikipedia, Bing și alte motoare de căutare. Caseta de căutare va apărea, de asemenea, atunci când evidențiați orice text de pe site-ul pe care îl vizualizați în prezent.

    Imagine extraordinară

    O extensie extraordinară a capturilor de ecran care captează orice parte a site-ului și o adnotă cu dreptunghiuri, cercuri, săgeți, linii și text. Apoi, puteți să exportați captura de ecran în format de fișier PNG pe computer sau pe web.

    Clip la Evernote

    Extensie oficială de către Evernote pentru capturarea și notarea descoperirii pe web apoi încărcare la Evernote. Extensia acceptă, de asemenea, funcția de căutare și sincronizare a notei salvate.

    Diigo

    Utilizați Diigo pentru a lumina, a adnota sau a posta note lipicioase privat sau public pe pagina web pentru a le putea vizualiza ori de câte ori ajungeți pe pagina web.

    Thinkery

    Gândiți-vă la Thinkery ca creierul dvs. online, apoi salvați adresa dvs. de link și selectarea textului în el pentru vizualizare mai târziu.

    notitele mele

    Preluarea notei ar trebui să fie un proces ușor și este posibil cu mențiunile mele care vă permit să marcați textul selectat cu un singur clic din meniul contextual.

    Microstock Photo Power Search

    Probabil singura extensie de căutare pentru ca dvs. să căutați o fotografie de înaltă calitate de la agenții de renume precum Fotolia, Dreamstime și Shutterstock.

    Reflecţie

    Întrucât extensiile și aplicațiile Chrome continuă să crească și să evolueze sălbatic, este posibil ca tot mai mulți iubiți de Firefox să îmbrățișeze Google Chrome ca browser web prestabilit. Având în vedere acest lucru, vă veți transforma fața în Google Chrome cu numărul actual de extensii și aplicații? Care este extensia, aplicația sau funcția care vă va motiva să vă mutați în Google Chrome?

    De asemenea, împărtășiți-ne cu noi dacă aveți o extensie plăcută în Chrome, există întotdeauna un spațiu pentru un instrument excelent!