40 utili estensioni di Google Chrome per i web designer

Adoro Google Chrome. La sua semplicità, velocità e prestazioni sono di prim'ordine, senza dubbio. Ma a volte, essere troppo semplici è anche un problema, soprattutto per noi web designer che si affidano molto a addon di Firefox come Web Developer. Mi sono allontanato da Chrome, sì, solo perché non aveva nessun addon nel 2008.

Ma ora, tutto cambia di nuovo. Non sorprende che altri appassionati abbiano lo stesso amore per Chrome e hanno deciso di creare Chrome Extension, che ha una funzione simile a Firefox Addon. Ho inserito queste estensioni e sono rimasto molto soddisfatto, quindi ho deciso di raccogliere 40 estensioni che sono estremamente utili per i web designer e condividono con voi ragazzi.

Quindi eccoli qui per te, adatta il tuo Chrome e aumenta la tua produttività.

Colore

Color Picker

Proprio come il suo nome, ColorPicker è un'estensione conveniente creata principalmente per raccogliere e ottenere il valore del colore da qualsiasi punto della pagina web. Inoltre, puoi scegliere un'area, quindi fare clic sulla tavolozza dei colori per vedere come cambia il colore dell'area senza toccare alcun codice.

Tavolozza cromata

Avere mal di testa sulla ricerca di combinazioni di colori dall'immagine? La tavolozza di Chrome risolve efficacemente il tuo problema creando fino a 64 tavolozze di colori dall'immagine del sito web per le tue esigenze di progettazione o ispirazione.

Color Tweaker

Color Tweaker può modificare il colore del sito web come fa Color Picker, ma con un metodo più specifico. Basta inserire il selettore CSS su questa estensione, quindi modificare il colore del testo, dello sfondo e del colore del bordo in base alla propria volontà.

Tipografia

Editor di caratteri

Niente più tentativi di indurimento e stancante cambio di programma, Font Editor ti consente di modificare e osservare le impostazioni del carattere come dimensioni, altezza della linea e variante vivace.

Google Font Previewer

Come specificato nel suo nome, questa estensione ti consente di visualizzare l'anteprima dei caratteri da Google Font Directory con opzioni di stile del testo che sono dimensioni, stile, peso e ombre. Se sei soddisfatto di un particolare tipo di carattere, puoi copiare e incollare il link e il codice CSS fornito nell'estensione al codice del tuo sito web per utilizzare il carattere.

Sviluppo

Sviluppatore web

Probabilmente l'estensione indispensabile per web designer e sviluppatore. Dallo script di visualizzazione per visualizzare le informazioni sugli oggetti, Web Developer mira a fornire ogni informazione richiesta da un sito Web esistente. L'estensione è inoltre dotata di strumenti utili come il selettore di colori, il ridimensionatore di finestre, il validatore, ecc.

Pendule

Strumento per sviluppatori leggero e maneggevole, simile allo sviluppatore web, ma dotato solo di strumenti necessari come visualizzatore di stili, visualizzatore di sorgenti e validatore.

Firebug Lite

Diverso da ciò che è in Firefox, Firebug Lite offre una rappresentazione visiva simile a Firefox quando si tratta di elementi HTML, elementi DOM e Condivisione di modelli di box. Ha anche la possibilità di ispezionare elementi HTML con il mouse, e puoi modificare le proprietà CSS con questa estensione vivace.

Stylebot

Stylebot ti concede la possibilità di disegnare direttamente qualsiasi sito web senza toccare il codice CSS, risparmiando un sacco di lavori di digitazione. La migliore caratteristica di questa estensione è probabilmente la sua capacità di generare codice CSS da utilizzare ogni volta che apporti modifiche al sito web.

CSSViewer

Stanco di spingere "Inspect Element" ogni volta che vuoi sapere quale stile CSS è applicato a certi elementi? CSS Viewer ti aiuta a mostrare le informazioni essenziali come font, colore e posizionamento dell'elemento vivace.

Foglio di stile Reloader

Ricarica il foglio di stile CSS senza aggiornare l'intero sito Web, risparmiando notevolmente i tempi di attesa, in particolare per i designer con una connessione internet lenta.

BuiltWith Technology Profiler

La parte più interessante di questa estensione è quella di elencare tutte le tecnologie web implementate come framework e standard web con informazioni molto dettagliate.

IE Tab Multi

Provato per essere il più simile a Internet Explorer originale, IE Tab Multi è il tuo Internet Explorer in Chrome che supporta tonnellate di funzionalità predefinite di IE come multi tabbing.

Window Resizer

Con Window Resizer, puoi testare la compatibilità della risoluzione dello schermo del tuo sito Web con risoluzioni dello schermo standard o definite dall'utente.

Validatore HTML

Una delle migliori estensioni di validazione in grado di convalidare il codice HTML della pagina Web online o localhost in modalità automatica o manuale. Puoi anche scegliere di mostrare il risultato della convalida nella pagina web o visualizzarlo in una scheda completamente nuova.

Vista

Con varie opzioni di tema e carattere, Sight evidenzia il codice sorgente del sito Web in una forma visivamente più comoda.

Console PHP

Essere infastiditi da errori di PHP ma non sai cosa e dove si trova? PHP Console ti assiste tramite errori di visualizzazione, eccezioni e messaggi di debug nel modulo di notifica.

Ricerca API JavaScript

La ricerca dell'API JavaScript aggiunge il supporto a Chrome Omnibox o alla cosiddetta barra degli indirizzi per cercare le funzioni JavaScript online con funzionalità di completamento automatico. Se l'estensione non riesce a trovare la funzione che stai cercando, ti suggerirà inoltre le ricerche correlate da Google Codesearch, Ricerca di sviluppo e codifica e Ricerca su Mozilla Developer Network.

Ricerca API jQuery

Sebbene jQuery abbia dimostrato di essere la libreria Javascript principale che migliora l'esperienza utente, la ricerca API di jQuery ti consente di cercare attraverso l'API jQuery da Chrome Omnibox. Digita semplicemente "jq" seguito da uno spazio nella omnibox, quindi sei in movimento.

Ricerca PHP

Simile alla ricerca API jQuery, questa estensione aggiunge il supporto a Omnibox di Chrome per cercare codice PHP come riferimento.

Produttività

Rimanere concentrati

Swored per tenerti lontano da tempo sprecando sito Web, ma non l'ha mai fatto con successo? Stay Focused agisce come supervisore virtuale che blocca il tempo perdendo sito Web per un determinato periodo di tempo e ti consiglia seriamente quando tenti di sbloccare o ridurre il tempo di blocco per il sito. È anche dotato di funzionalità cruciali come l'opzione nucleare e la modalità sfida che uccide il tuo tempo sprecando il desiderio in modo spietato.

PopChrom

Con PopChrom, puoi definire le tue scorciatoie per frasi di testo, come 'ty' per 'grazie'. La chiave di attivazione è necessaria per trasformare l'abbreviazione in frasi di testo definite, quindi scegli una combinazione di tasti che non si arresti in modo anomalo con altri tasti di scelta rapida.

Quickrr Kit di produttività

Quickrr Productivity Kit ti offre un insieme di strumenti basilari ma utili come traduttore, calcolatrice, task-to-do, convertitore di unità, ecc.

Todoist

Con un account facile da configurare, è possibile accedere a questo task manager per annotare e modificare ogni attività che è necessario completare. La parte migliore di questa estensione è che le attività sono archiviate online in modo da poter accedere al record dell'attività su ogni Chrome con questa estensione installata.

Ananke Timer

Tieni traccia del tempo trascorso in determinati compiti o registra il tempo trascorso su un determinato sito web. Il timer Ananke supporta anche il monitoraggio a più ore e ti permette di navigare attraverso ciò che hai rintracciato in passato.

Chrome Toolbox

Creato da Google, Chrome Toolbox offre funzionalità personalizzate come la modifica del comportamento delle schede, il ripristino dei dati dei moduli e la creazione di collegamenti che consente di avviare collegamenti predefiniti dalla cartella dei segnalibri.

Chrome Page Extended

A nessuno piace fare clic su altri per accedere a determinate pagine, Chrome Page Extended è la tua scorciatoia più veloce per accedere a tutte le pagine di Chrome necessarie come estensioni.

AppJump

Con AppJump, puoi organizzare e avviare rapidamente l'applicazione Chrome dalla barra degli strumenti del browser.

Commutatore di barre dei segnalibri

Troppi segnalibri e non è riuscito a organizzarli in modo efficiente? Boorkmark Bar Switcher ti consente di creare una nuova barra dei segnalibri e di passare facilmente da una all'altra.

TabCloud

Salva le tue sessioni di Windows e ripristinali in un secondo momento su qualsiasi computer con TabCloud, il che ti consente di risparmiare molto tempo dalla riapertura di siti Web diversi da diverse parti della cartella dei segnalibri.

resourcing

Pagine simili

Sviluppato dal gigante dei motori di ricerca Google, Pagine simili cerca sul Web contenuti simili che stai leggendo e interessati a scoprire di più.

Ricerca universale

La ricerca di risorse o il riferimento sono più facili con Universal Search, che ti offre una casella di ricerca con l'opzione di cercare su Wikipedia, Bing e altri motori di ricerca. La casella di ricerca comparirà anche quando evidenzierai qualsiasi testo dal sito web che stai visualizzando.

Screenshot impressionante

Un'estensione di screenshot assolutamente fantastica che cattura qualsiasi parte del sito web e annota con rettangoli, cerchi, frecce, linee e testo. È quindi possibile esportare lo screenshot in formato PNG sul computer o sul web.

Clip a Evernote

Estensione ufficiale di Evernote per catturare e annotare la tua scoperta sul Web, quindi caricare su Evernote. L'estensione supporta anche la funzione per cercare e sincronizzare la nota salvata.

Diigo

Usa Diigo per evidenziare, annotare o inviare note adesive privatamente o pubblicamente alla pagina Web in modo che tu possa visualizzarlo in qualsiasi momento raggiunga la pagina web.

pensatoio

Pensa a Thinkery come al tuo cervello online, quindi salva il tuo indirizzo di collegamento e la selezione del testo in esso per la visualizzazione successiva.

I miei appunti

Prendere appunti dovrebbe essere un processo semplice, ed è possibile con myNotes che ti permette di salvare il testo selezionato con un solo clic sul menu contestuale.

Microstock Photo Power Search

Probabilmente l'unica estensione di ricerca per voi per cercare foto stock di alta qualità da agenzie famose come Fotolia, Dreamstime e Shutterstock.

Riflessione

Poiché le estensioni e le applicazioni di Chrome continuano a crescere ed evolversi in modo esponenziale, è possibile che sempre più amante di Firefox abbraccino Google Chrome come browser Web predefinito. Detto questo, trasformerai il tuo viso in Google Chrome con il suo attuale numero di estensioni e applicazioni? Qual è l'estensione, l'applicazione o la funzione che ti motiverà a passare a Google Chrome?

Condivideteci anche se avete una bella estensione nel vostro Chrome, c'è sempre spazio per un grande strumento!

Trova lavori di codifica che corrispondono al tuo stack tecnico con questo sito

Il tipico stack PHP / MySQL non è più l'unica opzione per gli sviluppatori web. Le nuove tecnologie come i database Node, React e NoSQL come Mongo hanno cambiato radicalmente il volto dello sviluppo.Questo è ottimo per i programmatori che vogliono diversificare le proprie competenze e rimanere rilevanti nel mercato del lavoro. E

(Consigli tecnici e di design)

10 cose interessanti Tag HTML possono fare

Al momento ci sono un totale di 142 elementi HTML standardizzati dal W3C, esclusi quelli nelle fasi iniziali della standardizzazione e quelli che sono diventati obsoleti. Detto questo, è possibile perdere o dimenticare alcuni di essi che possono essere utili quando necessario.In precedenza abbiamo fatto un riepilogo di alcuni dei migliori trucchi CSS che potreste aver trascurato.

(Consigli tecnici e di design)