I designer dedicano molto tempo a compiti ripetitivi: scegliere le palette di colori, controllare i caratteri, testare la reattività e cercare l'ispirazione. Molti di questi passaggi possono essere automatizzati o notevolmente velocizzati con i giusti plugin per il browser.
Questo articolo presenta 34 pratici strumenti compatibili con Google Chrome. Questi strumenti snelliscono il flusso di lavoro, riducono le attività di routine e consentono di accedere rapidamente a tutto ciò di cui si ha bisogno.
Questo articolo presenta 34 pratici strumenti compatibili con Google Chrome. Questi strumenti snelliscono il flusso di lavoro, riducono le attività di routine e consentono di accedere rapidamente a tutto ciò di cui si ha bisogno.
Contenuti:
- Cosa sono le estensioni del browser e come installarle
- Strumenti per il colore
- Strumenti per la tipografia
- Immagini, video e audio
- Analisi e modifica delle pagine
- Screenshot e registrazione dello schermo
- Prototipazione e test
- Ispirazione visiva
- Ottimizzazione del flusso di lavoro
- Scheda informativa sui plugin utili
Cosa sono le estensioni del browser e come installarle
Le estensioni del browser (chiamate anche plugin) sono piccoli strumenti che aggiungono nuove funzionalità al browser e aiutano a svolgere compiti specifici senza dover ricorrere a servizi di terze parti. È possibile trovare queste estensioni negli store ufficiali di ciascun browser:
-
Cromo -
Mozilla Firefox -
Microsoft Edge
Tutti i plugin presentati in questo articolo sono compatibili con Google Chrome.
Opera e Firefox hanno versioni separate delle estensioni, che possono essere trovate cercando i loro titoli nei rispettivi store. La maggior parte degli strumenti qui elencati sono gratuiti, anche se alcuni offrono funzioni avanzate a pagamento.
Opera e Firefox hanno versioni separate delle estensioni, che possono essere trovate cercando i loro titoli nei rispettivi store. La maggior parte degli strumenti qui elencati sono gratuiti, anche se alcuni offrono funzioni avanzate a pagamento.
Come installare un'estensione del browser:
1
Aprite il negozio di estensioni del vostro browser.
2
Cercare l'estensione per nome.
3
Aprire la pagina dell'estensione e fare clic sul pulsante "Installa".
4
Confermare l'installazione seguendo le indicazioni del browser.
5
Una volta installata, l'icona dell'estensione apparirà nella barra degli strumenti in alto o nel menu del browser. Il browser mostra quindi la posizione dell'icona.
6
Se l'estensione richiede l'accesso o la configurazione di impostazioni aggiuntive, fare clic sull'icona per aprire le opzioni.
Strumenti per il colore
ColorZilla - preleva i colori da qualsiasi pagina
ColorZilla consente di identificare qualsiasi colore in una pagina e di analizzare l'intera tavolozza. Può generare gradienti CSS, suggerire combinazioni di colori armoniose (complementari, triadici, analoghi, ecc.) e mantenere una cronologia dei colori scelti di recente. Funziona come un contagocce negli editor grafici, fornendo codici colore nei formati HEX, RGB o HSL.
È perfetto per identificare il colore di un logo su un sito web, creare una tavolozza o creare una sfumatura che si adatti allo schema di colori del sito.
ColorZilla consente di identificare qualsiasi colore in una pagina e di analizzare l'intera tavolozza. Può generare gradienti CSS, suggerire combinazioni di colori armoniose (complementari, triadici, analoghi, ecc.) e mantenere una cronologia dei colori scelti di recente. Funziona come un contagocce negli editor grafici, fornendo codici colore nei formati HEX, RGB o HSL.
È perfetto per identificare il colore di un logo su un sito web, creare una tavolozza o creare una sfumatura che si adatti allo schema di colori del sito.
Site Palette - generare una tavolozza di colori
Site Palette analizza i colori di una pagina web e crea tavolozze pronte all'uso. È possibile esportare le tavolozze nei formati Google Palette o Adobe Swatch.
È un ottimo strumento per trarre ispirazione o lavorare con i riferimenti: ad esempio, se si sta riprogettando un sito web e si vuole mantenere l'equilibrio cromatico originale, l'estensione metterà in evidenza i toni chiave.
Site Palette analizza i colori di una pagina web e crea tavolozze pronte all'uso. È possibile esportare le tavolozze nei formati Google Palette o Adobe Swatch.
È un ottimo strumento per trarre ispirazione o lavorare con i riferimenti: ad esempio, se si sta riprogettando un sito web e si vuole mantenere l'equilibrio cromatico originale, l'estensione metterà in evidenza i toni chiave.
Strumenti per la tipografia
WhatFont - identificare i font sulla pagina
WhatFont rileva i font utilizzati in qualsiasi punto di un sito web. Il plugin mostra il nome del font, la dimensione, il colore e la famiglia. Funziona più velocemente degli strumenti per sviluppatori integrati.
Si usa quando si ha bisogno di identificare rapidamente i font in un sito web, senza dover aprire gli strumenti per sviluppatori.
WhatFont rileva i font utilizzati in qualsiasi punto di un sito web. Il plugin mostra il nome del font, la dimensione, il colore e la famiglia. Funziona più velocemente degli strumenti per sviluppatori integrati.
Si usa quando si ha bisogno di identificare rapidamente i font in un sito web, senza dover aprire gli strumenti per sviluppatori.
È sufficiente attivare l'estensione e passare il mouse su qualsiasi blocco di testo: le informazioni sui caratteri appariranno in un piccolo pop-up.
Font Ninja - prova i font nel browser
Font Ninja riconosce i font e consente di "provarli" direttamente nel browser. È possibile inserire il proprio testo per vedere come appare in diversi font. L'estensione funziona sia con Google Fonts che con caratteri commerciali e mostra subito i prezzi.
È utile se si vuole provare un carattere insolito prima di acquistarlo per un progetto di design.
Font Ninja riconosce i font e consente di "provarli" direttamente nel browser. È possibile inserire il proprio testo per vedere come appare in diversi font. L'estensione funziona sia con Google Fonts che con caratteri commerciali e mostra subito i prezzi.
È utile se si vuole provare un carattere insolito prima di acquistarlo per un progetto di design.
Come scegliere i caratteri per un sito web o un articolo
Google Font Previewer - prova i font senza modificare il CSS
Google Font Previewer consente di provare diversi font senza modificare il codice CSS. Sostituisce temporaneamente la tipografia di elementi selezionati o dell'intera pagina, in modo da poter vedere in anteprima l'aspetto di un font nel contesto.
Utilizzatela quando un cliente vi chiede di "giocare con i font": potrete mostrare un campione visivo senza toccare il codice. L'estensione consente anche di salvare una raccolta di font usati di frequente per un accesso rapido.
Google Font Previewer consente di provare diversi font senza modificare il codice CSS. Sostituisce temporaneamente la tipografia di elementi selezionati o dell'intera pagina, in modo da poter vedere in anteprima l'aspetto di un font nel contesto.
Utilizzatela quando un cliente vi chiede di "giocare con i font": potrete mostrare un campione visivo senza toccare il codice. L'estensione consente anche di salvare una raccolta di font usati di frequente per un accesso rapido.
Immagini, strumenti video e audio
Image Downloader - salvare immagini da qualsiasi pagina
Questo strumento consente di scaricare immagini da qualsiasi sito web. Esegue una scansione della pagina e raccoglie tutte le immagini in un'unica finestra, in modo da poter scaricare tutto in una volta o scegliere solo quelle necessarie.
Ad esempio, se avete creato una mood board su Pinterest, potete scaricare tutte le immagini dalla board con un solo clic.
Questo strumento consente di scaricare immagini da qualsiasi sito web. Esegue una scansione della pagina e raccoglie tutte le immagini in un'unica finestra, in modo da poter scaricare tutto in una volta o scegliere solo quelle necessarie.
Ad esempio, se avete creato una mood board su Pinterest, potete scaricare tutte le immagini dalla board con un solo clic.
Una volta attivata, si aprirà una finestra separata che mostrerà tutte le immagini della pagina corrente. Nota: le foto stock a pagamento verranno scaricate con le filigrane.
SVG Grabber - estrarre file SVG da un sito web
SVG Grabber consente di visualizzare, copiare e scaricare tutti i file SVG da qualsiasi sito web. Una volta abilitato, mostra tutte le immagini vettoriali sulla pagina con un pulsante "Download" sotto ciascuna di esse.
Perfetto per estrarre un logo aziendale in formato SVG quando non si ha il tempo di richiedere i file.
SVG Grabber consente di visualizzare, copiare e scaricare tutti i file SVG da qualsiasi sito web. Una volta abilitato, mostra tutte le immagini vettoriali sulla pagina con un pulsante "Download" sotto ciascuna di esse.
Perfetto per estrarre un logo aziendale in formato SVG quando non si ha il tempo di richiedere i file.
Come trovare immagini interessanti su Photo Stocks
Icons8 - aggiungere illustrazioni a Google Docs
Questo plugin consente di inserire icone e immagini dalla vasta libreria di Icons8 direttamente in Google Docs, Slides e Sheets, senza dover scaricare o caricare manualmente i file.
Ottimo per i moodboard o le presentazioni dei clienti: è possibile cercare e inserire rapidamente le illustrazioni senza dover cambiare scheda.
Questo plugin consente di inserire icone e immagini dalla vasta libreria di Icons8 direttamente in Google Docs, Slides e Sheets, senza dover scaricare o caricare manualmente i file.
Ottimo per i moodboard o le presentazioni dei clienti: è possibile cercare e inserire rapidamente le illustrazioni senza dover cambiare scheda.
Video DownloadHelper - salvare video da qualsiasi sito web
Scaricare contenuti video e audio direttamente dalle pagine web. Il plugin può anche convertire i file in formati come MP4, MKV o WebM.
È utile quando si deve caricare un video ma il cliente ha solo una versione ospitata su una piattaforma video, non il file originale.
Scaricare contenuti video e audio direttamente dalle pagine web. Il plugin può anche convertire i file in formati come MP4, MKV o WebM.
È utile quando si deve caricare un video ma il cliente ha solo una versione ospitata su una piattaforma video, non il file originale.
Strumenti di analisi e modifica delle pagine
Righello di pagina - misura gli elementi della pagina
Misura qualsiasi elemento di una pagina, compresi i margini e la spaziatura tra i blocchi. Supporta diverse unità di misura: Pixel, percentuali, millimetri e altro ancora.
Si può usare per verificare che un layout corrisponda alle specifiche tecniche o per analizzare le proporzioni nei riferimenti visivi.
Misura qualsiasi elemento di una pagina, compresi i margini e la spaziatura tra i blocchi. Supporta diverse unità di misura: Pixel, percentuali, millimetri e altro ancora.
Si può usare per verificare che un layout corrisponda alle specifiche tecniche o per analizzare le proporzioni nei riferimenti visivi.
CSS Peeper - visualizza gli stili CSS
Visualizza gli stili di qualsiasi elemento di una pagina: Colori, caratteri, spaziatura e dimensioni. Lo strumento consente anche di esplorare illustrazioni, documenti, file di layout e video.
In questo modo è facile studiare il lavoro di un altro designer o rivedere la propria implementazione del layout.
Visualizza gli stili di qualsiasi elemento di una pagina: Colori, caratteri, spaziatura e dimensioni. Lo strumento consente anche di esplorare illustrazioni, documenti, file di layout e video.
In questo modo è facile studiare il lavoro di un altro designer o rivedere la propria implementazione del layout.
Visual Inspector UI - modifica gli elementi della pagina web
Modificate istantaneamente gli stili e il testo della pagina, regolando la spaziatura, i colori, la tipografia e altro ancora, il tutto senza modificare il codice.
Questo lo rende perfetto per le anteprime rapide; ad esempio, se un cliente vuole cambiare il colore di un pulsante, potete mostrare subito l'aggiornamento prima di apportare modifiche al codice.
Modificate istantaneamente gli stili e il testo della pagina, regolando la spaziatura, i colori, la tipografia e altro ancora, il tutto senza modificare il codice.
Questo lo rende perfetto per le anteprime rapide; ad esempio, se un cliente vuole cambiare il colore di un pulsante, potete mostrare subito l'aggiornamento prima di apportare modifiche al codice.
Wappalyzer - identificare le tecnologie dei siti web
Scoprite e analizzate le tecnologie alla base dei siti web: Linguaggi di programmazione, framework, CMS, CRM, strumenti di analisi e altro ancora.
È utile per le ricerche di mercato, l'analisi dei concorrenti, le verifiche SEO e il miglioramento della sicurezza dei siti web.
Scoprite e analizzate le tecnologie alla base dei siti web: Linguaggi di programmazione, framework, CMS, CRM, strumenti di analisi e altro ancora.
È utile per le ricerche di mercato, l'analisi dei concorrenti, le verifiche SEO e il miglioramento della sicurezza dei siti web.
Il plugin visualizza i risultati in un popup e consente di esportare i dati.
Broken Link Checker - trova i link morti
Esegue scansioni profonde dei siti web per rilevare link rotti, immagini mancanti ed errori di reindirizzamento. Può anche analizzare post, pagine, commenti e campi personalizzati. I link rotti possono essere stilizzati in modo diverso. Possono anche essere esclusi dall'indicizzazione dei motori di ricerca per proteggere le classifiche. Tilda offre anche uno strumento web indipendente per analizzare singole pagine o interi siti web alla ricerca di link rotti in pochi clic.
Esegue scansioni profonde dei siti web per rilevare link rotti, immagini mancanti ed errori di reindirizzamento. Può anche analizzare post, pagine, commenti e campi personalizzati. I link rotti possono essere stilizzati in modo diverso. Possono anche essere esclusi dall'indicizzazione dei motori di ricerca per proteggere le classifiche. Tilda offre anche uno strumento web indipendente per analizzare singole pagine o interi siti web alla ricerca di link rotti in pochi clic.
Suggerimento professionale
Su Tilda, è possibile controllare il proprio sito web utilizzando l'Assistente SEO integrato: rileva i problemi critici, evidenzia i link non funzionanti e molto altro ancora per aumentare le classifiche.
Lighthouse - verifica le prestazioni del sito web
Esegue una verifica completa delle prestazioni del sito web, del SEO, dell'usabilità e della conformità alle best practice delle PWA.
Genera un report e suggerisce come risolvere problemi come immagini sovradimensionate o meta tag mancanti.
Perfetto per condurre una rapida autoverifica prima della pubblicazione.
Esegue una verifica completa delle prestazioni del sito web, del SEO, dell'usabilità e della conformità alle best practice delle PWA.
Genera un report e suggerisce come risolvere problemi come immagini sovradimensionate o meta tag mancanti.
Perfetto per condurre una rapida autoverifica prima della pubblicazione.
Screenshot e strumenti di registrazione dello schermo
GoFullPage - cattura schermate intere
Cattura schermate di intere pagine o di aree selezionate, quindi le esporta come file PNG, JPEG o PDF in vari formati.
Cattura schermate di intere pagine o di aree selezionate, quindi le esporta come file PNG, JPEG o PDF in vari formati.
Loom - registrare istruzioni video
Registrate la vostra schermata e aggiungete voci fuori campo. Ideale per spiegare le decisioni di progettazione ai clienti, condividere il feedback con i colleghi di o creare brevi tutorial video. È possibile scegliere di registrare l'intero schermo o solo una singola scheda del browser.
Registrate la vostra schermata e aggiungete voci fuori campo. Ideale per spiegare le decisioni di progettazione ai clienti, condividere il feedback con i colleghi di o creare brevi tutorial video. È possibile scegliere di registrare l'intero schermo o solo una singola scheda del browser.
Strumenti di prototipazione e test
Window Resizer - prova i layout su diverse risoluzioni
Anteprima dell'aspetto del progetto su schermi di diverse dimensioni. Include preimpostazioni per i dispositivi più diffusi: Telefoni, tablet, computer portatili e desktop. È anche possibile creare dimensioni personalizzate per esigenze specifiche.
Anteprima dell'aspetto del progetto su schermi di diverse dimensioni. Include preimpostazioni per i dispositivi più diffusi: Telefoni, tablet, computer portatili e desktop. È anche possibile creare dimensioni personalizzate per esigenze specifiche.
Perfect Pixel - confronta il progetto con il layout finale
Sovrapponete un'immagine semitrasparente del vostro progetto originale al sito web per verificare l'allineamento perfetto dei pixel. Funziona anche per confrontare la grafica vettoriale, come i loghi o le icone, tra i vari dispositivi.
Sovrapponete un'immagine semitrasparente del vostro progetto originale al sito web per verificare l'allineamento perfetto dei pixel. Funziona anche per confrontare la grafica vettoriale, come i loghi o le icone, tra i vari dispositivi.
Il plugin include una serie di dimensioni dei dispositivi più diffusi, consentendo di passare da uno all'altro e di testare facilmente la reattività.
Google Tag Assistant - verifica i tag di GTM
Utilizzatelo per rilevare, verificare e risolvere i problemi di varie integrazioni di Google Tag Manager. Può aiutare a verificare che gli strumenti di analisi e gli script di terze parti siano impostati correttamente. Il plugin analizza il codice, evidenzia i problemi e suggerisce le correzioni.
Utile durante una verifica tecnica, soprattutto per controllare il tracciamento dei dati.
Utilizzatelo per rilevare, verificare e risolvere i problemi di varie integrazioni di Google Tag Manager. Può aiutare a verificare che gli strumenti di analisi e gli script di terze parti siano impostati correttamente. Il plugin analizza il codice, evidenzia i problemi e suggerisce le correzioni.
Utile durante una verifica tecnica, soprattutto per controllare il tracciamento dei dati.
Ispirazione visiva
Muzli - trova riferimenti
Questa estensione vi porta idee fresche da piattaforme come Dribbble, Behance e Awwwards. Personalizzate il vostro feed per concentrarvi su categorie specifiche come e-commerce, landing page, tipografia, ecc. Ad esempio, se si sta lavorando a un negozio online, basta aprire l'estensione, impostare i filtri giusti ed esplorare i design di siti web simili.
Questa estensione vi porta idee fresche da piattaforme come Dribbble, Behance e Awwwards. Personalizzate il vostro feed per concentrarvi su categorie specifiche come e-commerce, landing page, tipografia, ecc. Ad esempio, se si sta lavorando a un negozio online, basta aprire l'estensione, impostare i filtri giusti ed esplorare i design di siti web simili.
Il plugin consente di passare facilmente a Muzli in qualsiasi momento, esplorando rapidamente le tendenze visive o cercando riferimenti per parole chiave o temi.
Evernote Web Clipper - salvare le idee
Appuntate idee e immagini dal web in un taccuino digitale. Salvate i colori, le animazioni, le transizioni, le icone, i caratteri e gli articoli preferiti. Etichettate tutto per potervi accedere facilmente in seguito.
Appuntate idee e immagini dal web in un taccuino digitale. Salvate i colori, le animazioni, le transizioni, le icone, i caratteri e gli articoli preferiti. Etichettate tutto per potervi accedere facilmente in seguito.
Salvare su Pinterest - creare moodboard
Salvate qualsiasi idea dal web su Pinterest. Create schede con riferimenti, moodboard o raccolte di immagini per trarre ispirazione. Include una ricerca visiva per trovare immagini simili. Perfetto per quando un cliente di condivide i propri riferimenti: è possibile trovare immediatamente idee simili.
Salvate qualsiasi idea dal web su Pinterest. Create schede con riferimenti, moodboard o raccolte di immagini per trarre ispirazione. Include una ricerca visiva per trovare immagini simili. Perfetto per quando un cliente di condivide i propri riferimenti: è possibile trovare immediatamente idee simili.
Instapaper - leggere articoli offline
Salvate articoli e raccolte di design per leggerli in seguito. Organizzate i contenuti in cartelle e accedetevi da qualsiasi dispositivo, anche senza accesso a Internet, come in aereo.
Salvate articoli e raccolte di design per leggerli in seguito. Organizzate i contenuti in cartelle e accedetevi da qualsiasi dispositivo, anche senza accesso a Internet, come in aereo.
Strumenti di ottimizzazione del flusso di lavoro
Gestione del tempo
Bardeen - automazione del flusso di lavoro
Create automazioni personalizzate per le attività di routine. Ad esempio, quando un cliente invia un feedback via e-mail, Bardeen può creare una scheda di Trello con un elenco di cose da fare e inviare un messaggio di conferma. Funziona con strumenti come Google Sheets, Zoom e Trello.
Create automazioni personalizzate per le attività di routine. Ad esempio, quando un cliente invia un feedback via e-mail, Bardeen può creare una scheda di Trello con un elenco di cose da fare e inviare un messaggio di conferma. Funziona con strumenti come Google Sheets, Zoom e Trello.
Todoist - organizzare le attività
Pianificate e date priorità alle attività, impostate scadenze e ricevete promemoria. Lo strumento consente di separare gli impegni di lavoro da quelli personali e di collaborare con colleghi o familiari su elenchi condivisi.
Pianificate e date priorità alle attività, impostate scadenze e ricevete promemoria. Lo strumento consente di separare gli impegni di lavoro da quelli personali e di collaborare con colleghi o familiari su elenchi condivisi.
Il plugin consente di organizzare le attività quotidiane, sia personali che lavorative, senza dover ricorrere a servizi di terze parti.
StayFocusd - eliminare le distrazioni
Bloccate l'accesso ai siti web che vi distraggono durante le ore di lavoro. Limitare il tempo trascorso sui social media o sui siti di intrattenimento può aiutarvi a rimanere concentrati e ad aumentare la produttività.
Bloccate l'accesso ai siti web che vi distraggono durante le ore di lavoro. Limitare il tempo trascorso sui social media o sui siti di intrattenimento può aiutarvi a rimanere concentrati e ad aumentare la produttività.
Momentum - impostare uno spazio di lavoro
Sostituire la pagina della nuova scheda con un cruscotto di produttività: Elenco di attività, timer di concentrazione, collegamenti rapidi e citazioni ispirate, tutto in un'unica visualizzazione.
Sostituire la pagina della nuova scheda con un cruscotto di produttività: Elenco di attività, timer di concentrazione, collegamenti rapidi e citazioni ispirate, tutto in un'unica visualizzazione.
Toggl - traccia il tempo trascorso
Registrate il tempo trascorso per ogni attività. Questo è particolarmente utile per i nuovi progettisti, in quanto rende più facile migliorare le stime dei tempi, costruire scadenze accurate per i progetti e fissare scadenze realistiche.
Registrate il tempo trascorso per ogni attività. Questo è particolarmente utile per i nuovi progettisti, in quanto rende più facile migliorare le stime dei tempi, costruire scadenze accurate per i progetti e fissare scadenze realistiche.
Gestione delle schede
OneTab - collassa le schede aperte
Collassa tutte le schede aperte in un unico elenco. Ad esempio, se state facendo una ricerca su un pubblico target e avete decine di schede aperte, ma all'improvviso dovete passare alle modifiche dei clienti, basta fare clic una volta per salvare tutto per dopo. In questo modo si libera l'area di lavoro e la RAM. È possibile ripristinare le schede tutte insieme o una per una.
Collassa tutte le schede aperte in un unico elenco. Ad esempio, se state facendo una ricerca su un pubblico target e avete decine di schede aperte, ma all'improvviso dovete passare alle modifiche dei clienti, basta fare clic una volta per salvare tutto per dopo. In questo modo si libera l'area di lavoro e la RAM. È possibile ripristinare le schede tutte insieme o una per una.
Toby for Tabs - organizza le schede
Utilizzatelo per mettere ordine nel vostro browser. Organizzate i gruppi di schede in spazi di lavoro e passate da uno all'altro quando necessario.
Iniziate la giornata con un gruppo preimpostato di schede relative al lavoro e chiudetele in serata senza perdere nulla. Tutto si sincronizza su tutti i dispositivi: riprendete da dove avete lasciato, anche da un altro computer.
Utilizzatelo per mettere ordine nel vostro browser. Organizzate i gruppi di schede in spazi di lavoro e passate da uno all'altro quando necessario.
Iniziate la giornata con un gruppo preimpostato di schede relative al lavoro e chiudetele in serata senza perdere nulla. Tutto si sincronizza su tutti i dispositivi: riprendete da dove avete lasciato, anche da un altro computer.
Sicurezza
HTTPS Everywhere - Proteggi la tua connessione
Utilizzatelo per proteggere le vostre connessioni in pubblico. Questo strumento obbliga i siti web a utilizzare HTTPS, anche se non lo fanno di default, e cripta i dati che inviate e ricevete online. È particolarmente utile quando si lavora nei caffè o negli spazi di coworking e rappresenta un ottimo strumento per i designer freelance.
Utilizzatelo per proteggere le vostre connessioni in pubblico. Questo strumento obbliga i siti web a utilizzare HTTPS, anche se non lo fanno di default, e cripta i dati che inviate e ricevete online. È particolarmente utile quando si lavora nei caffè o negli spazi di coworking e rappresenta un ottimo strumento per i designer freelance.
AdGuard - blocca tutti gli annunci
Rende più confortevole la vostra esperienza di navigazione bloccando tutti i tipi di annunci fastidiosi, compresi gli annunci video di YouTube, i pop-up, i banner, gli annunci nativi, ecc. Disattiva inoltre i tracker che monitorano la vostra attività online, velocizzando il caricamento delle pagine e riducendo l'utilizzo dei dati.
Rende più confortevole la vostra esperienza di navigazione bloccando tutti i tipi di annunci fastidiosi, compresi gli annunci video di YouTube, i pop-up, i banner, gli annunci nativi, ecc. Disattiva inoltre i tracker che monitorano la vostra attività online, velocizzando il caricamento delle pagine e riducendo l'utilizzo dei dati.
Una volta installato, funziona automaticamente su tutti i siti web, senza bisogno di attivarlo o disattivarlo.
LastPass - salva le tue password
Utilizzatelo per archiviare, gestire e ricaricare automaticamente le vostre password in modo sicuro. Cripta i dati per evitare fughe di notizie e li sincronizza su tutti i dispositivi. Quando ci si iscrive a un nuovo sito web, può generare una password forte per voi.
Utilizzatelo per archiviare, gestire e ricaricare automaticamente le vostre password in modo sicuro. Cripta i dati per evitare fughe di notizie e li sincronizza su tutti i dispositivi. Quando ci si iscrive a un nuovo sito web, può generare una password forte per voi.
Scheda informativa sui plugin utili
Per aiutarvi a navigare in modo più efficiente, ecco un elenco di plugin con una breve panoramica delle loro caratteristiche. Salvatelo, provate diversi strumenti e scegliete quelli che funzionano meglio per voi.
ColorZilla - scegliere un colore, creare una tavolozza per il sito web, generare un gradiente CSS.
Site Palette - estrarre la combinazione di colori di un sito web, esportare in Google Palette o Adobe Swatch.
Site Palette - estrarre la combinazione di colori di un sito web, esportare in Google Palette o Adobe Swatch.
WhatFont - identifica i font su qualsiasi sito web.
Font Ninja - prova i font, controlla le licenze commerciali.
Google Font Previewer - prova i font senza modificare il CSS.
Font Ninja - prova i font, controlla le licenze commerciali.
Google Font Previewer - prova i font senza modificare il CSS.
Icons8 - inserisce icone e illustrazioni direttamente in Google Docs.
Image Downloader - scarica immagini e icone da qualsiasi pagina web.
SVG Grabber - estrae e scarica file SVG.
Video DownloadHelper - scarica video o audio da qualsiasi sito web.
Image Downloader - scarica immagini e icone da qualsiasi pagina web.
SVG Grabber - estrae e scarica file SVG.
Video DownloadHelper - scarica video o audio da qualsiasi sito web.
Page Ruler - misura gli elementi e la spaziatura della pagina.
CSS Peeper - ispeziona i font, i colori e gli stili di qualsiasi pagina web.
Wappalyzer - rileva le tecnologie utilizzate da un sito web.
Visual Inspector UI - modifica temporaneamente gli stili e testa le modifiche al layout.
Broken Link Checker - trova i link interrotti e gli errori delle immagini.
Lighthouse - esegue una verifica tecnica completa di un sito web.
CSS Peeper - ispeziona i font, i colori e gli stili di qualsiasi pagina web.
Wappalyzer - rileva le tecnologie utilizzate da un sito web.
Visual Inspector UI - modifica temporaneamente gli stili e testa le modifiche al layout.
Broken Link Checker - trova i link interrotti e gli errori delle immagini.
Lighthouse - esegue una verifica tecnica completa di un sito web.
GoFullPage - per scattare e annotare schermate a pagina intera.
Loom - per registrare lo schermo con voce fuori campo.
Loom - per registrare lo schermo con voce fuori campo.
Window Resizer - verifica i layout responsive.
Perfect Pixel - confronta il layout con il progetto originale.
Google Tag Assistant - risolve i problemi dei tag GTM.
Perfect Pixel - confronta il layout con il progetto originale.
Google Tag Assistant - risolve i problemi dei tag GTM.
Muzli - esplora le tendenze del design e trova riferimenti visivi.
Save to Pinterest - raccoglie idee visive e crea moodboard.
EvernoteWeb Clipper - salva le idee e le organizza per categoria.
Instapaper - crea un elenco di letture offline.
Save to Pinterest - raccoglie idee visive e crea moodboard.
EvernoteWeb Clipper - salva le idee e le organizza per categoria.
Instapaper - crea un elenco di letture offline.
Bardeen - automatizza le attività di routine attraverso i vostri strumenti.
Todoist - pianifica e dà priorità alle vostre attività.
StayFocusd - blocca i siti web che distraggono durante le ore di lavoro.
Momentum - trasforma la vostra nuova scheda in un cruscotto di produttività.
Toggl - tiene traccia del tempo dedicato alle attività.
Todoist - pianifica e dà priorità alle vostre attività.
StayFocusd - blocca i siti web che distraggono durante le ore di lavoro.
Momentum - trasforma la vostra nuova scheda in un cruscotto di produttività.
Toggl - tiene traccia del tempo dedicato alle attività.
Toby for Tabs - organizza le schede in spazi di lavoro.
OneTab - comprime tutte le schede in un unico elenco.
OneTab - comprime tutte le schede in un unico elenco.
HTTPS Everywhere - garantisce connessioni sicure anche su siti web non HTTPS.
AdGuard - blocca annunci, tracker e pop-up.
LastPass - archivia e sincronizza le password su tutti i dispositivi.
AdGuard - blocca annunci, tracker e pop-up.
LastPass - archivia e sincronizza le password su tutti i dispositivi.
Toccare per visualizzare l'intera dimensione e salvare per dopo
Se l'articolo vi è piaciuto, condividetelo con i vostri amici. Grazie!
Leggi anche:
Libro di testo gratuito su come progettare, impostare e gestire
landing page ad alta conversione
landing page ad alta conversione
Guida pratica gratuita all'animazione web con esempi e tecniche,
e consigli su come utilizzarli
