Vsebina
- 01. Poenostavite Gmail
- 02. Spekter
- 03. CSS Scan 2.0
- 04. Amino
- 05. Sizzy
- 06. Paleta spletnih mest
- 07. Checkbot
- 08. Toby
- 09. DomFlags
- 10. Visoko označevalnik
Chromova orodja za razvijalce so odlična, vendar je mogoče v internetni brskalnik dodati še bolj zanimive funkcije, da olajšate spletno oblikovanje in razvoj.
Obstaja seveda še vrsta drugih orodij za pospešitev stvari, glejte objavo naših najljubših orodij za spletno oblikovanje. Zaenkrat pa je tukaj 30 naših najljubših razširitev za Chrome za spletne oblikovalce in razvijalce.
01. Poenostavite Gmail
Če se vam zdi, da je Gmail preveč neurejen za svoje dobro, pozdravite Simplify Gmail, ki odnese vse ostanke in slabe odločitve uporabniškega vmesnika, ki so se vanj prikradali v zadnjih nekaj letih. Ustvaril ga je nekdanji vodilni oblikovalec Gmaila, Michael Leggett, znebi se vsega motečega nereda in vam daje bolj oropano in funkcionalno različico.
02. Spekter
Nekatera barvna slepota prizadene približno 200 milijonov ljudi po vsem svetu, vendar je oskrba zanje pogosto premalo na kontrolnem seznamu dostopnosti oblikovalcev. S Spectrumom pa lahko hitro preizkusite spletno mesto proti različnim vrstam pomanjkanja barvnega vida in zagotovite, da je vse jasno.
03. CSS Scan 2.0
Chromeova orodja za razvijalce so priročen način preverjanja, kako spletno mesto deluje, a CSS Scan 2.0 je še lažji, če ga želite pogledati. Miškin kazalec premaknite na kateri koli element in njegov CSS se prikaže v pojavnem pogledu, kar vam omogoča kopiranje pravil z enim samim klikom. Uporabite ga lahko za kopiranje določenih elementov iz tem ali predlog, da jih prilagodite lastni uporabi, in je odličen za odpravljanje napak lastne kode.
04. Amino
Tu je še eno odlično orodje CSS. Amino je urejevalnik CSS v živo, ki vam omogoča, da v brskalniku ustvarite slogovne liste in jih sproti uporabljate na spletnih mestih. Učinkovito vam omogoča, da trajno spremenite oblikovanje katerega koli spletnega mesta, ki ga obiščete, in če ste prijavljeni v Chrome z Google Računom, bodo tabele slogi sinhronizirane, tako da bodo dostopne iz Chroma v vseh namiznih napravah.
05. Sizzy
Odzivno spletno oblikovanje je danes dano in želite preprost način za preverjanje svojih dizajnov v več prikazih, je vredno pogledati Sizzy. Prikaže vam interaktivni pogled vaše strani, upodobljene na številnih različnih velikostih zaslona naprave, lahko pa tudi prikažete in skrijete simulirano tipkovnico naprave ter preklapljate med pokončnim in ležečim načinom.
06. Paleta spletnih mest
Ko boste naslednjič videli spletno mesto, ki odlično uporablja barve, je tukaj preprost način, da ga izkoristite. Site Palette izloči glavne barve s spletnega mesta in ustvari paleto, ki jo je mogoče deliti z drugimi, ki jo lahko preprosto pokažete sodelavcem. Prenesete lahko tudi predlogo Sketch, na voljo pa je tudi podpora za Adobe Swatch.
07. Checkbot
Zagotovite, da vse povezave na vašem spletnem mestu dejansko delujejo, je takojšnja uporabna zmaga in je dober način za izboljšanje tudi vašega SEO. Checkbot je razširitev za Chrome, ki preverja nepravilne povezave, podvojene naslove, preusmeritvene verige, neveljaven HTML / JS / CSS in še več, zato lahko hitro preverite, ali so na vašem spletnem mestu napačne povezave in jih popravite.
08. Toby
Resnica je splošno priznana, da bo do takrat, ko boste Chrome odprli nekaj ur, zmedeno gnezdo jezičkov v širini vašega mezinca. Toby je odličen način, da jih ukroti; z njim lahko vse te zavihke organizirate v zbirke povezav kot alternativo številnim posameznim zaznamkom, kar olajša njihovo upravljanje.
09. DomFlags
Radikalno pospešite procese oblikovanja elementov z DomFlags, resnično izjemno razširitvijo, ki vam omogoča ustvarjanje bližnjic na tipkovnici za elemente DOM. Kot bi imeli zaznamke za krmarjenje po DOM-u; to bo spremenilo način dela z DevTools.
10. Visoko označevalnik
Tukaj je zanimiv način, da ljudi vključite v razpravo: zelo vam omogoča, da delite utrinke iz spletnih člankov, tako da lahko opozorite na najpomembnejše točke pisanja.
Naprej: še 10 razširitev za Chrome
