Contenuto
- 01. Semplifica Gmail
- 02. Spettro
- 03. CSS Scan 2.0
- 04. Amino
- 05. Sizzy
- 06. Tavolozza del sito
- 07. Checkbot
- 08. Toby
- 09. DomFlags
- 10. Altamente illuminante
Gli strumenti di sviluppo di Chrome sono ottimi, ma è possibile aggiungere funzionalità ancora più interessanti al tuo browser Internet per semplificare la progettazione e lo sviluppo del web.
Ci sono ovviamente un sacco di altri strumenti in giro per accelerare le cose, guarda il nostro post sugli strumenti di web design preferiti. Per ora, però, ecco 30 delle nostre estensioni Chrome preferite per web designer e sviluppatori.
01. Semplifica Gmail
Se trovi che Gmail sta diventando un po 'troppo disordinato per il suo bene, saluta Simplify Gmail, che spazza via tutti i detriti e le cattive decisioni dell'interfaccia utente che si sono insinuate in esso negli ultimi anni. Creato dall'ex capo designer di Gmail, Michael Leggett, elimina tutto il disordine e ti offre una versione più essenziale e funzionale.
02. Spettro
La cecità ai colori di qualche tipo colpisce circa 200 milioni di persone in tutto il mondo, ma la loro soddisfazione è spesso scarsa nella lista di controllo dell'accessibilità dei designer. Con Spectrum, tuttavia, puoi testare rapidamente il tuo sito contro diversi tipi di deficit della visione dei colori e assicurarti che tutto sia chiaro.
03. CSS Scan 2.0
Gli strumenti di sviluppo di Chrome sono un modo pratico per controllare sotto il cofano per vedere come funziona un sito, ma CSS Scan 2.0 è ancora più semplice se è il CSS che vuoi guardare. Passa il mouse su qualsiasi elemento e il suo CSS apparirà in una visualizzazione a comparsa, consentendoti di copiare le sue regole con un solo clic. Puoi usarlo per copiare elementi particolari da temi o modelli per adattarli al tuo uso ed è ottimo per eseguire il debug del tuo codice.
04. Amino
Ecco un altro ottimo strumento CSS. Amino è un editor CSS live che ti consente di generare fogli di stile nel browser e applicarli in tempo reale ai siti web. Ti consente in modo efficace di apportare modifiche permanenti al design a qualsiasi sito che visiti e, se hai eseguito l'accesso a Chrome con il tuo account Google, i fogli di stile verranno sincronizzati in modo che siano accessibili da Chrome su tutti i tuoi dispositivi desktop.
05. Sizzy
Il responsive web design è un dato di fatto oggigiorno e se desideri un modo semplice per controllare i tuoi progetti su più viewport, vale la pena dare un'occhiata a Sizzy. Ti mostrerà una visualizzazione interattiva della tua pagina sottoposta a rendering su una serie di diverse dimensioni dello schermo del dispositivo e potrai anche mostrare e nascondere una tastiera del dispositivo simulata e passare dalla modalità verticale a quella orizzontale.
06. Tavolozza del sito
La prossima volta che vedrai un sito che fa un ottimo uso del colore, ecco un modo semplice per trarne vantaggio. La tavolozza del sito estrae i colori principali da un sito Web e genera una tavolozza condivisibile che puoi mostrare facilmente ai collaboratori. Puoi anche scaricare un modello di schizzo e c'è anche il supporto per Adobe Swatch.
07. Checkbot
Assicurarti che tutti i link sul tuo sito funzionino effettivamente è una vittoria immediata per l'usabilità ed è anche un buon modo per migliorare il tuo SEO. Checkbot è un'estensione di Chrome che verifica la presenza di collegamenti interrotti, titoli duplicati, catene di reindirizzamento, HTML / JS / CSS non validi e altro ancora, in modo da poter controllare rapidamente la presenza di collegamenti non validi nel sito e risolverli.
08. Toby
È una verità universalmente riconosciuta che quando avrai aperto Chrome per un paio d'ore, sarà un confuso nido di schede della larghezza del tuo mignolo. Toby è un ottimo modo per domarli; con esso puoi organizzare tutte quelle schede in raccolte di link in alternativa a un sacco di segnalibri individuali, rendendoli molto più facili da gestire.
09. DomFlags
Accelera radicalmente i processi di styling degli elementi con DomFlags, un'estensione davvero eccezionale che ti consente di creare scorciatoie da tastiera per gli elementi DOM. È come avere dei segnalibri per navigare nel DOM; questo cambierà il modo in cui lavori con DevTools.
10. Altamente illuminante
Ecco un modo interessante per coinvolgere le persone in una discussione: ti consente di condividere i punti salienti degli articoli sul Web, in modo da poter attirare l'attenzione sulle parti di scrittura più significative.
Avanti: altre 10 estensioni di Chrome
