Content
- 01. Simplifiqueu Gmail
- 02. Espectre
- 03. CSS Scan 2.0
- 04. Amino
- 05. Sizzy
- 06. Paleta del lloc
- 07. Checkbot
- 08. Toby
- 09. DomFlags
- 10. Molt ressaltador
Les eines de desenvolupament de Chrome són fantàstiques, però és possible afegir funcions encara més emocionants al navegador d’Internet per facilitar el disseny i el desenvolupament web.
Per descomptat, hi ha un munt d'altres eines per accelerar les coses, consulteu la publicació de les nostres eines de disseny web preferides. Ara per ara, aquí teniu 30 de les nostres extensions de Chrome preferides per a dissenyadors i desenvolupadors de webs.
01. Simplifiqueu Gmail
Si trobeu que Gmail s’està tornant una mica massa desordenat per al seu bé, digueu hola a Simplify Gmail, que elimina tots els residus i les males decisions de la interfície d’usuari que s’hi han colat durant els darrers anys. Creat per Michael Leggett, antic dissenyador principal de Gmail, elimina totes les molèsties que us distreuen i us ofereix una versió més senzilla i funcional.
02. Espectre
La ceguesa de color afecta d'alguns 200 milions de persones a tot el món, però sovint no hi ha una llista de control d'accessibilitat dels dissenyadors per atendre-les. Amb Spectrum, però, podeu provar ràpidament el vostre lloc contra diferents tipus de deficiències de visió del color i assegurar-vos que tot estigui clar.
03. CSS Scan 2.0
Les eines de desenvolupament de Chrome són una forma pràctica de comprovar sota el capó per veure com funciona un lloc, però CSS Scan 2.0 és encara més fàcil si voleu mirar CSS. Passeu el cursor per sobre de qualsevol element i el seu CSS apareixerà en una vista emergent, cosa que us permetrà copiar les seves regles amb un sol clic. Podeu utilitzar-lo per copiar elements concrets de temes o plantilles per adaptar-los al vostre ús i és ideal per depurar el vostre propi codi.
04. Amino
Aquí teniu una altra gran eina CSS. Amino és un editor CSS en viu que us permet generar fulls d'estil al navegador i aplicar-los en temps real als llocs web. De manera efectiva, podeu fer canvis de disseny permanents a qualsevol lloc que visiteu i, si heu iniciat la sessió a Chrome amb el vostre compte de Google, els fulls d’estil se sincronitzaran perquè siguin accessibles des de Chrome a tots els vostres dispositius d’escriptori.
05. Sizzy
Actualment, el disseny web sensible és actual i voleu una manera senzilla de comprovar els vostres dissenys en diverses finestres gràfiques. Sizzy val la pena fer una ullada. Us mostrarà una visualització interactiva de la vostra pàgina representada en diverses mides de pantalla del dispositiu, i també podeu mostrar i amagar un teclat de dispositiu simulat i canviar entre els modes vertical i horitzontal.
06. Paleta del lloc
La propera vegada que vegeu un lloc que fa un gran ús del color, aquí teniu una manera senzilla d’aprofitar-lo. La paleta de llocs extreu els colors principals d’un lloc web i genera una paleta compartible que podeu mostrar fàcilment als col·laboradors. També podeu baixar una plantilla Sketch i també hi ha assistència d’Adobe Swatch.
07. Checkbot
Assegurar-vos que tots els enllaços del vostre lloc funcionin realment és una utilitat instantània i és una bona manera de millorar el vostre SEO. Checkbot és una extensió de Chrome que comprova si hi ha enllaços trencats, títols duplicats, cadenes de redirecció, HTML / JS / CSS no vàlids i molt més, de manera que podeu auditar ràpidament el vostre lloc si hi ha enllaços incorrectes i solucionar-los.
08. Toby
És una veritat universalment reconeguda que quan hagueu obert Chrome durant un parell d’hores serà un confús niu de pestanyes de l’amplada del dit petit. Toby és una bona manera de domesticar-los; amb ell, podeu organitzar totes aquestes pestanyes en col·leccions d'enllaços com a alternativa a un munt de marcadors individuals, cosa que els facilita la gestió.
09. DomFlags
Agilitzeu radicalment els processos dels elements d’estil amb DomFlags, una extensió realment fantàstica que us permet crear dreceres de teclat per als elements DOM. És com tenir marcadors per navegar pel DOM; això canviarà la vostra manera de treballar amb DevTools.
10. Molt ressaltador
A continuació, es mostra una manera interessant d’atreure la gent a un debat: us permet compartir aspectes destacats d’articles al web perquè pugueu cridar l’atenció sobre els fragments d’escriptura més significatius.
Següent: 10 extensions de Chrome més
