Estensioni Chrome per developer e designer

Chrome di Google non è solo uno dei browser più utilizzato al mondo, ma anche una fucina creativa di soluzioni di terze parti per i più svariati compiti. Esistono migliaia di estensioni per assolvere a qualsiasi funzione aggiuntiva – dal monitoraggio della propria connessione all’editing fotografico, dai proxy semplificati ai download manager – ma come questi software possono andare incontro alle esigenze di designer e developer?

A rispondere a questa domanda ci pensa template Ledger, con un’utilissima lista di estensioni per Chrome essenziali per grafici, fotografi, programmatori e pianificatori Web.

• CSS Grady: un’estensione comodissima per generare gradienti CSS in un solo click, con tanto di interfaccia visuale e color picker;
• ColorPicker 0.9: scegliere il colore giusto per il Web non è mai stato così facile, grazie a un color picker avanzato ma facile da sfruttare;
• Pixlr Express e Pixlr Editor: il più famoso photoeditor online si integra nel browser sia con il software di base che con la suite creativa di filtri ed effetti;
• CSS Shack: un modo semplice per creare livelli CSS, con la stessa facilità di un software per il ritocco fotografico come Photoshop;
• Balsamiq Mockup: un modo efficace per costruire progetti e wireframe elementari, sfruttando le risorse di Google Drive;
• Shift Edit: un comodo editor HTML, CSS e PHP, collegato anche al proprio account Dropbox;
• Moqups: ottima estensione per mockup e prototipi, in particolare per il mondo mobile;
• Palette for Chrome: un ottimo strumento per trovare le perfette combinazioni di colore, gli abbinamenti tonali di maggior impatto e per giocare con i colori;
• Web Developer: un ambiente integrato per il testing dei siti Web, comprensivo di tool per l’analisi responsive e per la sperimentazione sulle più svariate risoluzioni, come quelle mobile;
• Builtwith Technology Profiler: un database per scoprire con quale tecnologia e linguaggio di programmazione siano costruiti i propri siti Web preferiti;
• Sight: uno strumento irrinunciabile per rendere facile l’analisi del codice sorgente. Sight evidenzia con colori diverse le singole categorie di stringhe, così da trovare quel che si cerca in un solo colpo d’occhio;
• StyleBot: un software per manipolare il design di un sito Web esistente, così da mostrarlo in locale con la disposizione di layout preferita;
• Google Font Previewer: un’anteprima per verificare come il font prescelto verrà visualizzato sulle pagine web;
• CSS Viewer: l’estensione permette di analizzare in modo semplice il foglio di stile di una pagina esistente, evidenziando ogni categoria del codice per la rapida lettura;
• Awesome Screenshot: permette di fotografare il sito visitato, sia nella porzione visibile che per l’intera lunghezza della pagina;
• Window Resizer: aiuta nel ridimensionamento delle pagine del browser, mostrando a schermo quali elementi si possano accomodare nell’area visualizzata;
• Speed Tracer: sviluppata da Google, aiuta a identificare e a risolvere i malfunzionamenti delle proprie applicazioni;
• Chrome Flags: permette di visualizzare la bandiera della nazione di origine di un sito Web nella barra degli indirizzi, aiutando così il visitatore nella comprensione di lingua ed eventuali servizi offerti.

Fonte: Templates Ledger