Estensioni di google chrome per sviluppatori
0 likes713 views
In questo articolo parliamo di alcune estensioni gratuite di Google Chrome, tra le centinaia proposte, che siamo soliti utilizzare nel nostro lavoro di Web Designer.
More Related Content
What's hot (20)
Similar to Estensioni di google chrome per sviluppatori (20)
More from Venetoformazione (7)
Estensioni di google chrome per sviluppatori
- 1. ESTENSIONI DI GOOGLE CHROME PER SVILUPPATORI docente Simone Baldassin
- 2. In questo articolo andiamo a vedere alcune estensioni gratuite di Google Chrome, tra le centinaia proposte, che siamo soliti utilizzare nel nostro lavoro di Web Designer.
- 3. In primis per poter installare unestensione dobbiamo conoscerne il nome e ci basta poi richiamarla dal browser e cliccare sul pulsante aggiungi.
- 4. Come vediamo in figura lestensione 竪 gi installata nel dispositivo in uso e questo ci viene prontamente segnalato.
- 5. Come vediamo in figura lestensione 竪 gi installata nel dispositivo in uso e questo ci viene prontamente segnalato. Le estensioni installate ci vengono mostrate nellangolo in alto a destra del nostro browser come vedremo nelle prossime figure.
- 6. La prima che vediamo si chiama ColorZilla ed 竪 piuttosto conosciuta; questa estensione ci permette, una volta attivata, di campionare, copiare e salvare negli appunti i colori direttamente dal client. Se per esempio volessimo sapere che colore blu usa Veneto Formazione nellangolo a sinistra della hero section in homepage ci basta un semplice click per avere a disposizione esadecimale e rgb. ColorZilla
- 7. Questo campione si pu嘆 puoi tranquillamente richiamare dal pannello Color Picker dellestensione stessa.
- 8. La seconda estensione che proponiamo si chiama Measurelt e ha come unico scopo prendere misure allinterno della pagina web dal client come possiamo vedere nella prossima figura. Utilissima in pi湛 occasioni e ve ne renderete conto da soli utilizzandola durante il vostro lavoro. Measurelt
- 9. Estensione tra le pi湛 utili sicuramente a mio avviso 竪 Awesome Screenshot che ci permette di ricavare screenshot di intere pagine o porzioni delle stesse in maniera assolutamente rapida ed efficace pur avendo, ahim竪, qualche bug nelle esecuzioni di tanto in tanto che scoprirete durante lutilizzo. A prescindere rimane un ottimo strumento di lavoro che vi consiglio caldamente. Awesome Screenshot
- 10. Anche se a volte non precisissimo CSSViewer 竪 un ottimo strumento per ricavare informazioni sullo stile di un elemento semplicemente posandocisi sopra con il cursore del mouse. Se per esempio volessi avere delle informazioni sul testo corsi in partenza del nostro sito ufficiale mi baster passarci sopra come vediamo nella figura nella slide successiva CSSViewer
- 12. Ultima ma non ultima Wappalyzer, estensione in costante aggiornamento, che ci permette di ricavare numerose informazioni sul sito web che stiamo visitando, dal server ai framework o plug-in presenti nello stesso. Queste informazioni possono rivelarsi molto utili per scoprire la tecnologia con cui un sito 竪 stato creato o la piattaforma su cui si appoggia. Wappalyzer
- 14. Segnalo infine velocemente una piccola estensione molto utile che risponde al nome di New Tab Redirect, che permette di gestire i redirect quando apriamo una nuova scheda, cosa che di default Chrome non permette e limmancabile Firebug di cui parleremo con pi湛 calma, data la sua complessit, in un prossimo articolo. Non vi rimane che aggiungere queste estensioni al nostro browser e provarle voi stessi. Buon lavoro.
- 15. continua la tua formazione su www.venetoformazione.it/blog