30 „Chrome“ plėtinių, skirtų interneto dizaineriams ir kūrėjams

Autorius: Monica Porter
Kūrybos Data: 17 Kovas 2021
Atnaujinimo Data: 17 Gegužė 2024
Anonim
12 Chrome Extensions For Web Developers & Web Designers
Video.: 12 Chrome Extensions For Web Developers & Web Designers

Turinys

„Chrome“ kūrėjų įrankiai yra puikūs, tačiau interneto naršyklėje galima pridėti dar įdomesnių funkcijų, kad būtų lengviau kurti ir kurti internetą.

Žinoma, yra daugybė kitų įrankių, kad viskas paspartėtų, žiūrėkite mūsų mėgstamą interneto dizaino įrankių įrašą. Kol kas čia yra 30 mėgstamiausių „Chrome“ plėtinių, skirtų interneto dizaineriams ir kūrėjams.

01. Supaprastinkite „Gmail“

Jei pastebite, kad „Gmail“ darosi šiek tiek per daug nepatogus savo naudai, pasisveikinkite su „Gmail“ supaprastinimu, kuris iššluoja visas šiukšles ir blogus vartotojo sąsajos sprendimus, įsivėlusius per pastaruosius kelerius metus. Sukurtas buvusio „Gmail“ dizainerio Michaelo Leggetto Michaelo, jis pašalina visą blaškantį netvarką ir suteikia jums daugiau ir praktiškesnę versiją.

02. Spektras


Tam tikros spalvos aklumas paveikia maždaug 200 milijonų žmonių visame pasaulyje, tačiau jų maitinimas dažnai yra mažas dizainerių prieinamumo kontroliniame sąraše. Tačiau naudodamiesi „Spectrum“ galite greitai išbandyti savo svetainę nuo skirtingų spalvų regėjimo trūkumų ir įsitikinti, kad viskas aišku.

03. CSS nuskaitymas 2.0

„Chrome“ kūrimo įrankiai yra patogus būdas patikrinti po variklio dangčiu, kad sužinotumėte, kaip veikia svetainė, tačiau CSS Scan 2.0 yra dar lengviau, jei norite peržiūrėti CSS. Užveskite pelės žymeklį virš bet kurio elemento, o jo CSS bus rodomas iššokančiajame rodinyje, leidžiantis vienu spustelėjimu nukopijuoti jo taisykles. Galite naudoti norėdami nukopijuoti tam tikrus elementus iš temų ar šablonų, kad pritaikytumėte savo reikmėms, ir tai puikiai tinka derinant jūsų pačių kodą.

04. Aminas


Štai dar vienas puikus CSS įrankis. „Amino“ yra tiesioginis CSS redaktorius, leidžiantis naršyklėje generuoti stiliaus lapus ir realiuoju laiku juos pritaikyti interneto svetainėse. Tai veiksmingai leidžia jums atlikti nuolatinius bet kurios lankomos svetainės dizaino pakeitimus. Jei esate prisijungę prie „Chrome“ naudodami „Google“ paskyrą, stiliaus lapai bus sinchronizuojami taip, kad juos būtų galima pasiekti iš „Chrome“ visuose darbalaukio įrenginiuose.

05. Sizzy

Interaktyvus interneto dizainas yra šių dienų dalykas, ir jūs norite, kad būtų paprastas būdas patikrinti savo dizainą keliuose vaizdų languose, o „Sizzy“ verta atkreipti dėmesį. Tai parodys interaktyvų jūsų puslapio vaizdą, pateiktą įvairiais įrenginio ekrano dydžiais, taip pat galite parodyti ir paslėpti imituojamą įrenginio klaviatūrą ir persijungti tarp portreto ir gulsčio režimų.

06. Svetainės paletė


Kitą kartą pamatę svetainę, kurioje puikiai naudojamos spalvos, pateikite paprastą būdą ja pasinaudoti. „Site Palette“ išskiria pagrindines svetainės spalvas ir sukuria paletę, kurią galite lengvai parodyti bendradarbiams. Taip pat galite atsisiųsti „Sketch“ šabloną, taip pat yra „Adobe Swatch“ palaikymas.

07. Čekis

Įsitikinimas, kad visos jūsų svetainės nuorodos iš tikrųjų veikia, yra tiesioginis naudingumas ir tai yra geras būdas patobulinti savo SEO. „Checkbot“ yra „Chrome“ plėtinys, tikrinantis, ar nėra sugadintų nuorodų, pasikartojančių pavadinimų, peradresavimo grandinių, netinkamų HTML / JS / CSS ir dar daugiau, todėl galite greitai patikrinti, ar jūsų svetainėje nėra blogų nuorodų, ir jas ištaisyti.

08. Toby

Visuotinai pripažinta tiesa, kad kai „Chrome“ atidarysite porą valandų, tai bus painus skirtukų lizdas, kurio plotis bus jūsų mažasis pirštas. Toby yra puikus būdas juos prisijaukinti; su ja galite sutvarkyti visus tuos skirtukus į nuorodų rinkinius kaip alternatyvą daugybei atskirų žymių, todėl juos daug lengviau valdyti.

09. „DomFlags“

Radikaliai pagreitinkite stiliaus elementų procesus naudodami „DomFlags“ - tai tikrai puikus plėtinys, leidžiantis sukurti DOM elementų sparčiuosius klavišus. Tai panašu į žymių naršymą DOM; tai pakeis jūsų darbo su „DevTools“ būdą.

10. „Highlighter“

Štai įdomus būdas pritraukti žmones į diskusiją: labai leidžia jums bendrinti svarbiausius straipsnius internete, kad galėtumėte atkreipti dėmesį į svarbiausius rašymo elementus.

Kitas: dar 10 „Chrome“ plėtinių

Rekomenduojamas
8 esminės „WordPress“ saugumo paslaptys
Skaityti Daugiau

8 esminės „WordPress“ saugumo paslaptys

Per pa taruo iu 15 metų „WordPre “ tapo populiariau ia pa aulyje turinio valdymo i tema. Lengva pradėti ir nepapra tai univer ali, tai viena geriau ių tinklaraščių platformų - idealu nama jū ų dizaino...
Geriausias nemokamas logotipų dizaineris: geriausia mokama ir nemokama logotipų dizainerių programinė įranga
Skaityti Daugiau

Geriausias nemokamas logotipų dizaineris: geriausia mokama ir nemokama logotipų dizainerių programinė įranga

Kartai geriau ia nemokama logotipų dizaineri arba aukščiau io kokybė logotipų kūrėjų programinė įranga puikiai padė ukurti logotipą. Jei pa irink ite vieną iš nemokamų logotipų kūrimo įrankių, galė it...
10 advento kalendorių, skirtų interneto dizaineriams ir kūrėjams
Skaityti Daugiau

10 advento kalendorių, skirtų interneto dizaineriams ir kūrėjams

Tai ezona , kai reikia būti nerdy. Per pa taruo iu keleriu metu virtualū interneto dizainerių ir kūrėjų advento kalendoriai tapo vi populiare ni. Yra daugybė atėju ių ir išėju ių.Ank te niai metai , p...