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.
Estensioni di google chrome per sviluppatoriMartina Perin
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.
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.
Estensioni di google chrome per sviluppatoriMartina Perin
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.
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.
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.
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.
Cos'è un Tema WordPress, l'anatomia di un Tema, la gerarchia dei Template, l'uso dei Template Tag, la personalizzazione tramite Customizer e Child Themes. Le slide dell'intervento al WordPress Meetup Torino del 12 Aprile 2016.
Guida in italiano all'utilizzo di Prezi Classic. I principali strumenti, come creare una presentazione. Cos'è Prezi, come si usa Prezi Classic. Aggiornata a settembre 2017
Elementor: esploriamo le possibilità del page builder più scaricato al mondoSiteGround.com
Guarda il webinar qui: https://youtu.be/V4i2SQlefvo
Elementor è un page builder per WordPress rapido e performante che permette a principianti e a professionisti di realizzare siti internet efficaci in poco tempo e con ottimi risultati.
Il grande vantaggio dei page builder come Elementor è quello di poter realizzare visivamente ogni aspetto di un sito: le pagine statiche, la struttura degli articoli e gli archivi del blog, le schede prodotto di un e-commerce, e tantissimo altro!
Pascal Claro, YouTuber, Blogger e Web Designer esperto di WordPress e Web Marketing, ci mostra i passaggi per iniziare a lavorare con Elementor.
Come creare da zero un sito in WordPress, dalla fase di installazione in locale o da remoto fino alla presentazione dei plugin più utilizzati, tra cui Yoast SEO, WPML e WooCommerce.
Wordpress è il CMS più usato nel web e con esso è possibile creare qualsiasi tipologia di sito web.
Grazie a WP possiamo pubblicare e gestire tutte le pagine del nostro sito in modo semplice, intuitivo e senza programmare.
Workshop
realizzato da: Andrea Giavara http://www.wppratico.com/
organizzato da: Officine Comunicazione http://www.officinecomunicazione.net/
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
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.
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.
Cos'è un Tema WordPress, l'anatomia di un Tema, la gerarchia dei Template, l'uso dei Template Tag, la personalizzazione tramite Customizer e Child Themes. Le slide dell'intervento al WordPress Meetup Torino del 12 Aprile 2016.
Guida in italiano all'utilizzo di Prezi Classic. I principali strumenti, come creare una presentazione. Cos'è Prezi, come si usa Prezi Classic. Aggiornata a settembre 2017
Elementor: esploriamo le possibilità del page builder più scaricato al mondoSiteGround.com
Guarda il webinar qui: https://youtu.be/V4i2SQlefvo
Elementor è un page builder per WordPress rapido e performante che permette a principianti e a professionisti di realizzare siti internet efficaci in poco tempo e con ottimi risultati.
Il grande vantaggio dei page builder come Elementor è quello di poter realizzare visivamente ogni aspetto di un sito: le pagine statiche, la struttura degli articoli e gli archivi del blog, le schede prodotto di un e-commerce, e tantissimo altro!
Pascal Claro, YouTuber, Blogger e Web Designer esperto di WordPress e Web Marketing, ci mostra i passaggi per iniziare a lavorare con Elementor.
Come creare da zero un sito in WordPress, dalla fase di installazione in locale o da remoto fino alla presentazione dei plugin più utilizzati, tra cui Yoast SEO, WPML e WooCommerce.
Wordpress è il CMS più usato nel web e con esso è possibile creare qualsiasi tipologia di sito web.
Grazie a WP possiamo pubblicare e gestire tutte le pagine del nostro sito in modo semplice, intuitivo e senza programmare.
Workshop
realizzato da: Andrea Giavara http://www.wppratico.com/
organizzato da: Officine Comunicazione http://www.officinecomunicazione.net/
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.
Introduzione a WordPress: dall'installazione all'utilizzo del backendSilvia Cariello
1. Panoramica di WordPress
a) Cos’è WordPress e cosa sono i CMS
b) La Community e i WordCamp
c) Ambiente e sviluppo ottimale
d) Da dove si scarica e cosa serve per installarlo manualmente e) Scelta hosting WordPress con CMS preinstallato
2. Installazione di WordPress
a) Installazione e configurazione
3. Panoramica e Installazione di un tema
a) Da dove si scaricano e quali scegliere
b) Installazione e configurazione
c) Personalizzazione con il Personalizza/Customuzer
4. Panoramica e Installazione di un Plugin
a) Da dove si scaricano e quali scegliere
b) Installazione e configurazione
c) Quali sono i Plugin consigliati e perché
5. Panoramica Bacheca
6. Panoramica e inserimento contenuti (Articoli, Pagine, Media) a) Articoli VS Pagine cosa sono e differenze
b) Creazione e modifica di un articolo
c) Creazione e modifica di una pagina
d) Inserimento e nomi dei media (immagini, pdf, docx, etc)
e) Cenni ala SEO (Search Engine Optimizzazion) per Articoli Pagine e Media
7. Panoramica Utenti
a) I livelli di utenza
b) Scelta username e password
8. Domande 30 minuti
Similar to Estensioni di google chrome per sviluppatori (20)
I Social network: citizen journalism e storytelling aziendaleVenetoformazione
“Professione Brand Reporter: Brand journalism e nuovo storytelling nell’era digitale“ Edizioni Hoepli, che parte dalle basi del giornalismo per raccontare un moderno storytelling
Se nei vostri progetti di grafica state lavorando con i programmi della suite Adobe, vi sarà capitato di certo di importare in Photoshop un’immagine o una forma che apparivano nere in Illustrator o in Indesign, ma alla resa dei conti sono di un nero che appare molto differente rispetto a quello del fondo – altrettanto nero – su cui le poggiamo.
5 passi per non sbagliare esecutivo di stampa con i programmi AdobeVenetoformazione
Per realizzare un perfetto esecutivo di stampa bastano solo cinque passi. Li riassumiamo qui, in forma di mini guida alla quale ricorrere quando sorgono dubbi.
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.