15 Chrome'i laiendust veebidisaineritele ja arendajatele

Ma kasutan oma peamise veebibrauserina Google Chrome'i. Miks? Kuna see on kiire, hõlpsasti kasutatav, usaldusväärne, turvaline, hõlpsasti kasutatav, väga kohandatav ja sellel on oma veebipood. Kui te ei kasuta veel Google Chrome'i, peaksite seda väga kaaluma. Vähemalt installige see ja proovige seda umbes nädala jooksul kasutada.

kõik seitse surmavat pattu

Veebidisaineri või arendajana veedate tõenäoliselt Chrome'is palju aega töötamas. Chrome'i kasutavate inimeste puhul üllatab mind kõige rohkem see, et nad ei kasuta laiendusi ära.

Laiendused on põhimõtteliselt kohandatud tööriistad, mis võimaldavad teil Chrome täielikult ära kasutada. Näiteks võite teha ekraanipilte ühe kliki või nupuga, jagada veebisaite sõpradega, juhtida oma muusikat, hankida erinevate veebisaitide kohta järjestusinfot ja palju muud.

Chrome'i pood on täis laiendusi, mis suurendavad teie tootlikkust ja parandavad teie üldist töövoogu. Niisiis võite oma elu hõlbustamiseks kasutada ka seal olevaid tööriistu. Parim osa on see, et nad on kõik * tasuta!

Vaadake neid 15 Chrome'i laiendust, mis võivad teie töös abiks olla:

Chrome

Sisukord

1. FireBug Lite

FireBug on tuntud Firefoxi lisandmoodul, mis jõudis Chrome'i. See on eriti kasulik koodide silumisel. See võimaldab teil jälgida ka JavaScripti, HTML-i ja CSS-i reaalajas mis tahes veebilehe jaoks.

Installige

2. WhatFont

WhatFont võimaldab disaineritel lihtsa hõljukiga avastada, millist fonti veebilehel kasutatakse. Selle võiksite välja selgitada ka FireBugi abil ja koodi uurides, kuid see laiendus muudab selle palju lihtsamaks.

ee cummings usaldab teie südame tsitaadi tähendust

Installige

3. Chrome'i nuusutaja

Kas olete kunagi mõnda veebisaiti vaadanud ja mõelnud: 'Kuidas see üldse võimalik on?' Chrome Sniffer võimaldab teil teada saada, kuidas. See võib teile öelda enamiku veebisaitide raamistiku. Praegu suudab see tuvastada rohkem kui 100 raamistikku.

Installige

4. Kood Cola

Code Cola võimaldab kasutajatel CSS-i visuaalselt redigeerida. See tähendab, et kasutajad saavad klõpsata veebilehe piirkonnas ja hõlpsasti CSS-iga manipuleerida. See võib disaineritelt palju aega kokku hoida.

Installige

5. ColorZilla

ColorZilla sisaldab värvivalijat, silma tilgutit ja a gradiendi generaator . On ka mõned arenenumad värvivahendid . Värvivalija abil saate määrata veebilehe mis tahes osa HTML-värvi ja saate selle värvi kohandatud paletti salvestada. Kõik vajavad värvivalijat ja ColorZilla on üks parimatest.

Installige

6. Lint

Lint sobib ideaalselt disaineritele, kes soovivad tagada nende paigutuse täiuslikkuse. Elementide suuruse saate hõlpsalt kindlaks määrata, asetades juhendid, mis klõpsavad lehe sisul. Elementide mõõtmete määramiseks ei pea te enam ekraanipilte tegema.

Installige

ma armastan sind nii palju lõiku

7. Eraldusvõime test

Veebidisainerid ja -arendajad peavad oma veebisaite proovima erineva eraldusvõimega, kuid kuidas on seda kõige parem teha? Chrome'i laiend Resolution Test võimaldab kasutajatel muuta brauseriakna suurust, et oma veebisaiti erineva eraldusvõimega kuvada. Võite valida tavaliste ekraani eraldusvõimete hulgast või sisestada kohandatud.

Installige

8. Kiiruse jälgija

Kas olete kunagi olnud olukorras, kus teie veebisait laaditakse aeglaselt ja te ei saanud aru, miks? Speed ​​Tracer võib aidata. Speed ​​Tracer võib leida JavaScripti, CSS-i, taimeri tulekahjude ja muu põhjustatud probleeme.

Installige

9. loremi ipsumi generaator

Mõnikord vajate lehe täitmiseks teksti, et saaksite aimu, kuidas see täitmisel välja näeb. Lorem Ipsum Generaator võimaldab teil seda teha. Saate valida, kui palju sõnu soovite ühes lõigus ja mitu lõiku soovite. Veebisaidi täitmine sisuga pole kunagi varem olnud nii lihtne.

tasuta stuudio youtube to mp3 converter

Installige

10. Internet Exploreri vahekaart

Arendamise või kujundamise ajal peate oma veebisaiti testima erinevates brauserites, millest üks on Internet Explorer. Internet Exploreri vahekaart võimaldab teil oma veebisaiti Chrome'i kaudu hõlpsasti IE-s vaadata. See on üks brauser vähem, mille peate avama.

Installige

11. Alexa liiklusaste

Veebiarendaja või -disainerina huvitab teid tõenäoliselt see, kui palju liiklust muud veebisaidid saavad. The Alexa Liiklusaste võimaldab teil näha, kui palju liiklust saab mõni veebisait. See võib olla huvitav statistika, mida jälgida. Võite seda isegi oma veebisaidil kasutada, kuigi teil on selle tuvastamiseks tõenäoliselt muid võimalusi.

Installige

12. Microstock Photo Power Search tööriist

Varude piltide otsimine võib olla aeganõudev ja ärritav. Microstock Photo Power Search Tool muudab selle protsessi palju lihtsamaks. See laiendus võimaldab teil otsida aktsiapilte viiest aktsiapiltide agentuurist, näiteks Fotolia ja Shutterstock.

Installige

13. Palett Chrome'ile

Chrome'i palett on veebidisainerite jaoks lõbus ja kasulik tööriist. Võite valida mis tahes pildi ja luua a värvipalett sellest pildist. Saate luua palette 16, 24 või 32 värviga. Kui teil on lemmikpilt, saate luua a värvipalett sellest ja kasutage seda värvipalett oma veebisaidi kujunduses.

lõigud, mida oma poiss-sõbrale saata

Installige

14. Liiga palju vahelehti

Veebisaidi arendamise ajal võite leida end avanevatest brauseri vahelehtedest. TooManyTabs aitab teil neid hallata. Selle Chrome'i laienduse abil saate vaadata avatud vahelehtede pisipilti. Kui teil on kindel vaheleht avatud, on seda lihtne unustada, kuid TooManyTabs aitab teil selle sama hõlpsalt leida.

Installige

15. Tavalised riided

PlainClothes võimaldab teil veebisaiti vaadata must ja valge . See võib aidata teil veebisaitidel vigu leida või välja selgitada, kuidas asjad toimivad. See on kasulik tööriist, mida saab kasutada nii oma kui ka muudel veebisaitidel.

Chrome'is on veebiarendajatele ja disaineritele palju laiendusi, millest igaüks pakub midagi ainulaadset. Ülaltoodud loend sisaldab 15 tööriista, mis on kasulikud enamiku veebidisainerite jaoks. Kui teil on mõni konkreetne vajadus, mida ülaltoodud laiendus ei rahulda, saate tutvuda Chrome'i veebipoega ja vaadata, kas teie jaoks laiendus on olemas.