Koduleht » Toolkit » 40 Kasulikud Google Chrome'i laiendused veebidisaineritele

    40 Kasulikud Google Chrome'i laiendused veebidisaineritele

    Ma armastan Google Chrome'i. Selle lihtsus, kiirus ja jõudlus on kahtlemata tipptasemel. Kuid mõnikord on probleemiks ka liiga lihtne, eriti meie veebidisainerid, kes tuginevad suuresti Firefoxi lisanditele nagu veebiarendaja. Ma läksin Chrome'ist eemale, jah, lihtsalt sellepärast, et tal ei olnud 2008. aastal addonit.

    Aga nüüd muutub kõik jälle. Pole üllatav, et teised geekid armastavad Chrome'i ja nad otsustasid luua Chrome'i laienduse, millel on sarnane funktsioon Firefox Addoniga. Ma kaevasin nendesse laiendustesse ja olin neile väga rahul, seega otsustasin ma kiireneda 40 laiendust, mis on veebidisaineritele väga kasulik ja jaga teiega.

    Nii et siin nad on teie jaoks, kasutavad teie Chrome'i ja tõstavad teie tootlikkust.

    Värv

    ColorPicker

    Just nagu tema nimi, on ColorPicker mugav pikendus, mis on loodud peamiselt värvi väärtuse valimiseks ja hankimiseks veebisaidi kõikjal. Lisaks saate valida piirkonna ja seejärel klõpsata värvipaletil, et näha, kuidas piirkonna värvid muutuvad ilma ühtegi koodi puudutamata.

    Chrome'i palett

    Kas peavalu kujutise värvilahenduse leidmisel? Chrome'i palett lahendab teie probleemi tõhusalt, luues veebilehe pildist kuni 64 värvipaletti oma disaini või inspiratsiooni vajadustele.

    Color Tweaker

    Color Tweaker saab muuta veebisaidi värvi värvivalijana, kuid spetsiifilisema meetodiga. Lihtsalt sisesta CSS-valija sellel laiendil, seejärel muutke teksti, tausta ja piiri värvi oma tahtele.

    Tüpograafia

    Fontide redigeerija

    Enam ei arvata ega väsitav programmide vahetamine, Font Editor võimaldab teil muuta ja jälgida fondi seadistust, nagu suurus, rea kõrgus ja elav variant.

    Google'i fontide eelvaatleja

    Nagu selle nimes on täpsustatud, võimaldab see laiendus Google fontide kataloogi eelvaadet eelvaadata teksti, stiili, kaalu ja varjudega. Kui olete konkreetse fondiga rahul, saate fondi laiendamiseks kopeerida ja kleepida lingi ja laienduses toodud CSS-koodi.

    Areng

    Veebiarendaja

    Tõenäoliselt peab veebidisainerile ja arendajale vajalik laiend. Skriptide vaatamisest objekti teabe kuvamiseks soovib veebiarendaja pakkuda iga vajalikku teavet olemasolevast veebisaidilt. Laiend on relvastatud ka kasulike tööriistadega, nagu värvivalija, akna muutja, valideerija jne.

    Pendule

    Kerge ja mugav arendaja tööriist, mis on sarnane veebiarendajaga, kuid on varustatud ainult vajalike tööriistadega, nagu stiilivaatur, allika vaataja ja valideerija.

    Firebug Lite

    Erinevalt Firefoxi versioonist pakub Firebug Lite HTML-elementide, DOM-elementide ja Box Model Sharing'i puhul Firefoxi sarnast visuaalset kujutist. Samuti on kaasas võimalus kontrollida HTML-elemente hiirega ja CSS-i omadusi saab selle laiendiga elavdada.

    Stylebot

    Stylebot annab teile võimaluse kujundada mis tahes veebisaiti otse ilma CSS-koodi puudutamata, mis säästab palju trükitööd. Selle laienduse parim omadus on ilmselt selle võime genereerida CSS-koodi teie kasutusele alati, kui te veebisaidi muutmise teete.

    CSSViewer

    Väsinud, et iga kord, kui soovite teada, millist CSS-stiili teatud elemendile rakendatakse, on "Check Element"? CSS Viewer aitab teil näidata olulist teavet, näiteks fondi, värvi ja elemendi paigutust elav.

    Stiilileht Reloader

    Laadib CSS-laaditabeli uuesti ilma kogu veebilehte värskendamata, mis säästab oluliselt ooteaega, eriti aeglase internetiühendusega disainerite jaoks.

    BuiltWith tehnoloogia Profiler

    Selle laienduse kõige lahedam osa on iga rakendatud veebitehnoloogia, näiteks raamistikud ja veebistandard, milles on väga üksikasjalik teave.

    IE Tab Multi

    Eeldatakse, et see on kõige sarnasem algsele Internet Explorerisse, IE Tab Multi on teie Internet Explorer Chrome'is, mis toetab tonni IE vaikefunktsiooni, nagu näiteks multi tabbing.

    Akna taastamine

    Window Resizer abil saate testida oma veebisaidi ekraani resolutsioonide ühilduvust standardsete või kasutaja määratud ekraani resolutsioonidega.

    HTML valideerija

    Üks parimaid valideerija laiendusi, mis võivad kinnitada online- või localhost-veebilehe HTML-koodi kas automaatse või käsitsi režiimis. Samuti saate valida, kas näidata valideerimise tulemust veebilehel või vaadata seda täiesti uuel vahekaardil.

    Nägemine

    Erinevate teemade ja fondi valikute abil toob Sight välja veebisaidi lähtekoodi visuaalselt mugavamaks vormiks.

    PHP konsool

    Olles PHP vigastanud, kuid ei tea, mis ja kus see on? PHP konsool aitab teil kuvada teavitusvormingute, erandite ja silumis sõnumite kuvamist.

    JavaScript API otsing

    JavaScripti API otsing lisab Chrome Omniboxi või nn aadressiriba, et otsida JavaScripti funktsioone internetis automaatse täitmise funktsiooniga. Kui laiend ei leia teie otsitavat funktsiooni, soovitab ta teile ka Google'i otsingu, arendamise ja kodeerimise otsingu ning Mozilla arendajavõrgu otsingu seotud otsinguid.

    jQuery API otsing

    Kuigi jQuery on osutunud juhtivaks JavaScripti teegiks, mis parandab kasutajate kogemusi, annab jQuery API otsing teile võimaluse otsida Chrome'i omikastist jQuery API-d. Lihtsalt kirjuta 'jq', millele järgneb ruum omniboxis, siis olete liikvel.

    PHP otsing

    Sarnaselt jQuery API otsingule lisab see laiendus teie Chrome Omniboxile tuge, et otsida oma referentskasutuses PHP koodi.

    Tootlikkus

    Püsi keskendunud

    Swored, et hoida ennast eemal ajaveetmise veebilehel, kuid ei teinud seda kunagi edukalt? Stay Focused toimib teie virtuaalse järelevalvajana, kes blokeerib ajaveetmise veebisaidi kindlaksmääratud ajaks ja annab teile tõsiseid soovitusi, kui üritate saidi blokeerimisaega blokeerida või blokeerida. See on ka relvastatud väga olulise omadusega, nagu tuumavõimalus ja väljakutse, mis tapab oma aja raiskamise halastamatult.

    PopChrom

    PopChromiga saate määrata oma otseteed tekstifraaside jaoks, näiteks "ty", mis on "aitäh". Aktiveerimisvõti on vajalik lühendi ümberkujundamiseks määratletud tekstiväljadeks, nii et vali klahvikombinatsioon, mis ei kao teiste kiirklahvidega.

    Quickrr tootlikkuse komplekt

    Quickrr Productivity Kit annab teile hulgaliselt põhilisi veel kasulikke tööriistu, nagu tõlkija, kalkulaator, ülesande täitmine, üksuse muundur jne..

    Todoist

    Lihtsalt häälestatava konto abil saate sellele ülesannete haldurile juurde pääseda, et iga ülesande täitmiseks vajalikke ülesandeid märkida ja muuta. Selle laienduse parim osa on teie ülesanded salvestatud võrgus, et saaksite ligipääsu iga selle Chrome'i ülesannete registrile, millele see laiendus on installitud.

    Ananke Timer

    Jälgige oma aega, mis kulub teatud ülesandele, või salvestage aeg, mis kulusite teatud veebisaidil. Ananke taimer toetab ka mitme aja jälgimist ja võimaldab teil sirvida, mida olete varem jälginud.

    Chrome'i tööriistakast

    Google'i poolt loodud Chrome'i tööriistakast toob sulle kohandatud funktsioone, nagu vahekaardi käitumise muutmine, vormi andmete taastamine ja otsetee loomine, mis käivitab eelnevalt määratud lingid järjehoidjate kaustast.

    Chrome'i leht laiendatud

    Keegi ei taha klõpsata rohkem, et avada teatud leht.

    AppJump

    AppJumpi abil saate brauseri tööriistaribalt Chrome'i rakenduse korraldada ja kiiresti käivitada.

    Järjehoidjariba vahetamine

    Liiga palju järjehoidjaid ja neid ei õnnestunud tõhusalt korraldada? Boorkmark Bar Switcher võimaldab teil luua täiesti uue järjehoidjariba ja vahetada nende vahel kergesti.

    TabCloud

    Salvestage oma Windowsi istungid ja taastage need hiljem mis tahes arvutis, millel on TabCloud, mis säästab palju aega erinevate veebisaitide avamisest järjehoidjate kausta erinevast osast.

    Ressursid

    Sarnased leheküljed

    Google'i otsingumootori hiiglane on välja töötanud sarnased leheküljed, et otsida veebist sarnast veebisisu, mida loed ja soovid rohkem teada saada.

    Universaalne otsing

    Allalaadimine või viitamine on lihtsam universaalse otsinguga, mis annab otsingukasti koos võimalusega otsida Wikipedias, Bingis ja teistes otsingumootorites. Otsingukast avaneb ka siis, kui tõstate esile veebisaidilt teksti, mida te praegu vaatate.

    Awesome Screenshot

    Täielikult fantastiline ekraanipildi laiendus, mis salvestab veebisaidi mis tahes osa ja märkab selle ristkülikute, ringide, nooltega, joonte ja tekstiga. Seejärel saate eksportida ekraanipildi PNG-vormingus arvutisse või veebi.

    Klippige Evernote'ile

    Evernote'i ametlik laiendamine teie avastamiseks ja märkimiseks veebis ja seejärel üleslaadimine Evernotesse. Laiendus toetab ka funktsiooni salvestatud märkme otsimiseks ja sünkroonimiseks.

    Diigo

    Kasuta Diigot kleepuvate märkmete ülestõstmiseks, märkimiseks või postitamiseks veebisaidile privaatselt või avalikult, et saaksite seda veebisaidile igal ajal vaadata.

    Mõtlemine

    Mõtle Thinkery'ile oma online-aju, seejärel salvestage linki ja teksti valimine hiljem vaatamiseks.

    myNotes

    Märkmete võtmine peaks olema lihtne protsess ja see on võimalik myNotesiga, mis võimaldab valitud teksti järjehoidjaga vaid ühe klõpsuga kontekstimenüüs.

    Microstocki fotovoolu otsing

    Tõenäoliselt on ainus otsingu laiend, et otsida kvaliteetset fotopilti kuulsatest asutustest, nagu Fotolia, Dreamstime ja Shutterstock.

    Peegeldus

    Kuna Chrome'i laiendused ja rakendused kasvavad ja arenevad metsikult, on võimalik, et üha rohkem Firefoxi armastajaid kasutab Google Chrome'i vaikimisi veebibrauserina. Sellega öeldes, kas sa oma nägu Google Chrome'iks oma praeguste laienduste ja rakenduste arvuga? Mis on laiendus, rakendus või funktsioon, mis motiveerib teid Google Chrome'i liikuma?

    Samuti jaga meile, kui teil on Chrome'is ilus laiendus, seal on alati ruumi suurepärase tööriista jaoks!