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.
In questo esercizio vediamo come creare un burger button che cambia forma al click, passando dalla classica icona che tutti ben conosciamo, a una semplice x nel momento in cui si apre e viceversa.
Zero2 Academy, creata da professionisti del mondo della comunicazione e degli eventi, nasce proprio con l’intento di fornire ai partecipanti un bagaglio di conoscenze tecniche e strumenti operativi da utilizzare fin da subito.
In questo esercizio vediamo come creare un burger button che cambia forma al click, passando dalla classica icona che tutti ben conosciamo, a una semplice x nel momento in cui si apre e viceversa.
Zero2 Academy, creata da professionisti del mondo della comunicazione e degli eventi, nasce proprio con l’intento di fornire ai partecipanti un bagaglio di conoscenze tecniche e strumenti operativi da utilizzare fin da subito.
Seo: www o non www - Come Impostare versione preferita del dominioAntonio Mecca
Vuoi evitare i contenuti duplicati sul tuo sito web? Scopri come e perchè DEVI impostare una versione preferita del dominio e come settare il tuo account Google Search Console. Link alla versione completa qui: http://www.antoniomecca.com/www-non-www-impostare-versione-preferita/
10 tools per social media: Quali usare e Cosa fanno | Tutorial - AntonioMecca...Antonio Mecca
http://bit.ly/10-tools-immagini-social-media. In questo tutorial imparerai quali sono i migliori strumenti utilizzati dai social media manager. Cosa sono, come funzionano, perchè usarli.
Scarica le risorse aggiuntive sul sito antoniomecca.com
Link web: http://bit.ly/10-tools-immagini-social-media
Scarica una copia in PDF: http://pdfsr.com/pdf/10-tools-per-realizzare-immagini-sui-social-network
Le slide WordPress Facilissimo, hanno lo scopo di aiutarvi a scoprire questo CMS Open-Source. Queste slide vi daranno la possibilità di scoprire com'è fatto WordPress e come utilizzarlo, in maniera molto semplice.
Wordpress per principianti: guida in 5 step e in 5 areeLeonardo Serboni
Wordpress è il CMS più diffuso al mondo. Anche non avendo mai realizzato un sito web e senza nessuna conoscenza di programmazione possiamo creare il nostro primo contenitore di idee.
3° appuntamento col Corso di Wordpress: temi & plugin. Ecco i 20.000 plugin sotto WP. Ad ogni esigenza si può associare un po’ di plugin. Ecco come sceglierli.
- cosa si può ottenere cambiando tema
- cosa si può ottenre installando un plugin
- categorie di temi: numero colonne e specifici
- installare un tema (o più temi): le demo non sono mai demo
- bootstrap
- elenco plug-in consigliati
- … plugin per usi specifici
Google Chrome Extensions & Plugin vs FirefoxWikiCorsoWeb
A little presentation about Google Chrome's plugins and extensions. A comparison with the browser Firefox. A work about web,tecnology and opensource by Andrea Testa, Valeria Gennari and Silvia Antognazza. Enjoy
Tre modi per aumentare la velocità del tuo Business Website e guadagnare on...Matteo Stefan
Ti spiego tre metodi semplici ed economici per aumentare incredibilmente la velocità del tuo sito web, essere più visibile sui motori di ricerca e generare più contatti
Seo: www o non www - Come Impostare versione preferita del dominioAntonio Mecca
Vuoi evitare i contenuti duplicati sul tuo sito web? Scopri come e perchè DEVI impostare una versione preferita del dominio e come settare il tuo account Google Search Console. Link alla versione completa qui: http://www.antoniomecca.com/www-non-www-impostare-versione-preferita/
10 tools per social media: Quali usare e Cosa fanno | Tutorial - AntonioMecca...Antonio Mecca
http://bit.ly/10-tools-immagini-social-media. In questo tutorial imparerai quali sono i migliori strumenti utilizzati dai social media manager. Cosa sono, come funzionano, perchè usarli.
Scarica le risorse aggiuntive sul sito antoniomecca.com
Link web: http://bit.ly/10-tools-immagini-social-media
Scarica una copia in PDF: http://pdfsr.com/pdf/10-tools-per-realizzare-immagini-sui-social-network
Le slide WordPress Facilissimo, hanno lo scopo di aiutarvi a scoprire questo CMS Open-Source. Queste slide vi daranno la possibilità di scoprire com'è fatto WordPress e come utilizzarlo, in maniera molto semplice.
Wordpress per principianti: guida in 5 step e in 5 areeLeonardo Serboni
Wordpress è il CMS più diffuso al mondo. Anche non avendo mai realizzato un sito web e senza nessuna conoscenza di programmazione possiamo creare il nostro primo contenitore di idee.
3° appuntamento col Corso di Wordpress: temi & plugin. Ecco i 20.000 plugin sotto WP. Ad ogni esigenza si può associare un po’ di plugin. Ecco come sceglierli.
- cosa si può ottenere cambiando tema
- cosa si può ottenre installando un plugin
- categorie di temi: numero colonne e specifici
- installare un tema (o più temi): le demo non sono mai demo
- bootstrap
- elenco plug-in consigliati
- … plugin per usi specifici
Google Chrome Extensions & Plugin vs FirefoxWikiCorsoWeb
A little presentation about Google Chrome's plugins and extensions. A comparison with the browser Firefox. A work about web,tecnology and opensource by Andrea Testa, Valeria Gennari and Silvia Antognazza. Enjoy
Tre modi per aumentare la velocità del tuo Business Website e guadagnare on...Matteo Stefan
Ti spiego tre metodi semplici ed economici per aumentare incredibilmente la velocità del tuo sito web, essere più visibile sui motori di ricerca e generare più contatti
Dopo aver scoperto nelle slide precedenti, che cosa sa fare il CMS WordPress e come utilizzarlo per avviare un proprio progetto web, ecco che interviene la necessità di mettere al sicuro sin da subito il proprio progetto. Quindi quale miglior modo di farlo, se non seguendo questi piccoli consigli.
Lezione WordPress Università degli Studi di Milano: Installazione e Gestionealessandro gasparotto
Slide della lezione di WordPress fatta presso l'Università degli Studi di Milano. Nelle slide viene presentato WordPress, le potenzialità, l'installazione in locale e remoto e l'intera gestione del sistema. La guida è stata sviluppata e destinata ad utenti alla prime armi con questo potente strumento.
Slides del webinar Abstract "Pregi e difetti dei principali CMS open source", tenuto da Carlo Frinolli.
Una panoramica su Plone, WordPress, Drupal, ed Expression Engine.
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 un’estensione
dobbiamo conoscerne il nome e ci basta poi
richiamarla dal browser e cliccare sul
pulsante aggiungi.
4. Come vediamo in figura l’estensione è già
installata nel dispositivo in uso e questo ci
viene prontamente segnalato.
5. Come vediamo in figura l’estensione è già
installata nel dispositivo in uso e questo ci
viene prontamente segnalato.
Le estensioni installate ci vengono mostrate
nell’angolo 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 nell’angolo 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 dell’estensione stessa.
8. La seconda estensione che proponiamo si
chiama Measurelt e ha come unico scopo
prendere misure all’interno 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
l’utilizzo. 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
11.
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
13.
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
l’immancabile 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.