Oggi condivido con te il mio elenco curato di 12 estensioni di Chrome per designer e sviluppatori. Sono entusiasta che questa sia la mia area di competenza, quindi mettiamoci subito al lavoro.
1. La grande bretella
The Great Suspender è un'estensione gratuita e open-source di Google Chrome che riduce al minimo la quantità di memoria utilizzata da Chrome. Lo fa sospendendo automaticamente le schede che sono state dormienti.Sotto il cofano quello che fa è togliere alle pagine web dormienti la loro grafica, JS, ecc.
The Great Suspender Chrome Extension
2. Controllo UX
Controllo UX Chrome Extension ti aiuta a riconoscere i problemi di usabilità attraverso una valutazione euristica facile e veloce.
Il flusso di lavoro è semplice. Fai clic sull'icona per avviare Le dieci euristiche di Nielsen in un pannello laterale come con Chrome Dev strumenti . Puoi fare clic su qualsiasi elemento che non supera la valutazione per aggiungere note, acquisire schermate ed esportare come file docx per una facile condivisione.
UX Controlla l'estensione di Chrome
3. Contagocce
Eye Dropper è lo strumento di selezione dei colori più fantastico per quanto mi riguarda.È dotato di 2 schede: Eyedropper e Cooler picker. Lo strumento contagocce ti consente di scegliere i colori da qualsiasi pagina Web, mentre lo strumento di selezione dei colori ti consente di selezionare colori personalizzati.
I colori prelevati dalle pagine Web o selezionati dalla scheda di selezione dei colori vengono salvati automaticamente in una tavolozza che è possibile scaricare come file CSV. Inoltre, Eye Dropper visualizza tutti i colori in codici RGB, HSL, HEX e per nome e supporta le scorciatoie da tastiera.
Estensione contagocce per Chrome
4. FontFace Ninja
FontFace Ninja è in grado di visualizzare informazioni su qualsiasi tipo di carattere su qualsiasi sito web. Contiene collegamenti per il download di font gratuiti e un'opzione per visualizzare i prezzi di quelli a pagamento.
FontFace Ninja ha anche opzioni per utilizzare la modalità oscura, rilevare i caratteri nelle immagini (beta) e visualizzare le opzioni di segnalibro.
Estensione FontFace Ninja Chrome
5. Righello pagina
Page Ruler è un'estensione righello minimalista che ti consente di misurare larghezze e altezze nelle pagine web. È dotato di numerose scorciatoie da tastiera, navigazione tra elementi padre e figlio, linee guida per la misurazione e localizzazione in 10 lingue.
Estensione Page Ruler per Chrome
6. Scarica video da Facebook
FB Down può facilmente scaricare video da Facebook e qualsiasi altra pagina con riproduzione video. Puoi usarlo per scaricare tutti i formati multimediali più diffusi, inclusi alcuni video protetti da copyright (quando scegli di scaricare il video senza audio).
FB Down funge da sniffer di link nelle pagine web e l'icona si illumina quando vede contenuti scaricabili.
Estensione per Chrome di Facebook Video Downloader
7. PerfectPixel
PerfectPixel di WellDoneCode, è la migliore estensione per creare siti web pixel-perfect. Ti consente di impostare immagini come sovrapposizioni che puoi confrontare con il sito di sviluppo. Supporta le scorciatoie da tastiera, la sovrapposizione di immagini semitrasparenti e altro ancora.
Estensione PerfectPixel per Chrome
8. TinEye
TinEye è il perfetto strumento di ricerca inversa delle immagini e il primo a implementare la tecnologia di identificazione delle immagini, invece di parole chiave, metadati o filigrane. Funziona creando firme digitali univoche per le immagini e quindi confronta le firme con quelle nel suo indice.
TinEye non restituisce solo immagini simili nei suoi risultati di ricerca, ma corrispondenze esatte non escluse versioni ritagliate, ridimensionate e modificate.
Estensione TinyEye per Chrome
9. Pepe CSS
CSS Pepper ti consente di estrarre CSS (anche di oggetti nascosti) e creare bellissime guide di stile in modo ben organizzato. Ciò consente a designer e sviluppatori di dedicare più tempo al lavoro sul progetto piuttosto che alla ricerca nel codice.
Estensione CSS Pepper per Chrome
10. WhatRuns
WhatRuns ti informa su tutto ciò che è in esecuzione su qualsiasi sito Web inclusi framework, temi, caratteri, CMS ecc.
Inoltre, puoi seguire i siti web in modo che l'estensione ti avvisi quando vengono aggiunte nuove tecnologie.
Estensione WhatRuns per Chrome
11. Muzli
Muzli è un'estensione gratuita che porta migliaia di bellissimi e stimolanti design direttamente nel tuo browser sotto forma di una nuova scheda sostitutiva .
Ogni volta che apri una nuova scheda, Muzli la popola con alcuni dei design più belli da oltre 120 fonti tra cui InVision, Muzli, Dribble, Product hunt, CNN, CSS Author, ecc.! Questo è un gioiello per designer.
Estensione Muzli Chrome
12. Dimensioni
Dimensions è un'estensione gratuita e open-source che ti offre un modo intelligente per misurare le distanze tra gli elementi della pagina.
Trova le dimensioni dell'immagine e degli elementi HTML trascinando e passando il mouse relativamente. Puoi anche utilizzare le scorciatoie da tastiera per lavorare: ricordati solo di impostare una scorciatoia da tastiera alla fine dell'elenco delle estensioni di Chrome per attivare o disattivare l'estensione e goderti la migliore esperienza.
Dimensions Chrome Extension
Ci sono altre estensioni che dovresti conoscere, ad es. Checkbot mira a migliorare la tua reputazione SEO e la velocità e la sicurezza complessive del sito Web controllando collegamenti interrotti, pagine non sicure, HTML/CSS/JS non validi, titoli duplicati e altro problemi che potresti non notare durante lo sviluppo.
E Controlla i miei collegamenti che esegue la scansione delle tue pagine Web per assicurarsi che non ci siano collegamenti interrotti: questo è gratuito ma non così robusto.
Hai estensioni interessanti per designer e sviluppatori che dovremmo conoscere? Aggiungili nella sezione commenti qui sotto.