Passa ai contenuti principali

BrowserSync o LiveReload?

Sviluppando in AngularJs on anche mettendo in piedi un semplicissima pagina statica, è utile vedere in realtime il risultato dell'editing
Utilizzando un edito come Atom o SublimeText è possibile solo se si attiva un sistema che controlla la modifica dei file del progetto e che fa un aggiornamento automatico della pagina
A questo riguardo c'è un progetto LiveReload che può aiutare
Ma preferisco parlarvi di BrowserSync
BrowserSync makes your tweaking and testing faster by synchronising file changes and interactions across multiple devices. It’s wicked-fast and totally free

Installazione

L'installazione è veloce e semplice utilizzando npm
npm install -g browser-sync
finito...

Come funziona

E' necessario lanciare un ascoltatore, alla fine è un server, che controlla la modifica dei file. Per i files statici, in questo caso CSS:

browser-sync start --server --files "css/*.css"
Ma è possibile anche puntare ad un progetto web:
browser-sync start --proxy "myproject.dev" --files "css/*.css"
Vi assicuro che è un tool semplice da usare ed anche veloce


Aggiunta

per monitorare ricorsivamente tutti i files dell'applicazione
 browser-sync start --server --files "app/**"

Commenti

Post popolari in questo blog

install language on osTicket

this simple guide aims you to install and configure your language on osTicket i written this guide based on forum post http://osticket.com/forum/discussion/76252/installing-language-pack

Ubuntu: La propria installazione di python è danneggiata. Correggere il collegamento simbolico «/usr/bin/python».

Questa è un problema, soprattutto se si vuole aggiornare la distribuzione.+
Dì la verità: hai pacioccato con le versioni di python vero? Volevi usare la 3.5 e non 2.7 e così hai aggiunto alternatives o manipolato il symlink.
No? io si.
Così in fase di aggiornamento mi sono bloccato.
Allora per risolverlo ecco la soluzione: elimina tuttle le eventuali alternative : sudo update-alternatives –remove-all pythoncrea il symlink alla 2.7 sudo ln -s /usr/bin/python3.5 /usr/bin/pythonaggiorna i permessi: sudo chmod 7777 /usr/bin/python
Ora funziona tutto.
La soluzione l’ho scovata qui: https://askubuntu.com/questions/448926/do-release-upgrade-python-install-is-corrupted

Setup Google Tag Manager con PrestaShop per l'e-commerce avanzato

Google Tag Manage e E-commerce Avanzato all’interno della documentazione ufficiale è descritto sia il processo che il codice di implementazione per il monitoraggio avanzato dell’e-commerce
In breve il codice da inserire deve essere un array tipo dataLayer che contiene una serie di informazioni per il monitoraggio di:
impressioni di prodotto e di categoriadettaglio di prodottocheckoutacquisto Sono presenti anche i meccanismi per il monitoraggio delle promozioni, per l’annullamento ordine e per l’aggiunta dinamica del prodotto in carrello
Nel caso del modulo BwAnalytics sono monitorati i primi 4.
Google Tag Manager L’attivazione dell’ecommerce avanzato si effettua sulla vista di Google Analytics e si impostano i nomi degli step del processo di checout mappati all’interno del codice
Limpostazione di Google Tag Manager per l’e-commerce avanzato richiede la greazione di 3 tag:
impressioni e dattagli categoria e prodottocheckout acquisto pagine prestashop coinvolte Su prestashop le pagine di…