L'articolo Perchè NON scegliere Wix per il tuo sito web proviene da Creare Creatività.

L'articolo Ritocco colore immagini per scatti mozzafiato (Pack Gratis di azioni, curve, preset e mockup) proviene da Creare Creatività.

Cosa è cambiato in Google Maps e come implementare le mappe nel proprio sito web senza dover pagare.

Mentre tutti sono ancora indaffarati ad adeguare i propri siti web alla nuova GDPR, Google in sordina ha annunciato un grande cambiamento che riguarda l’utilizzo dell’API Google Maps che spopola nei siti web soprattutto e-commerce.

Google Maps diventa a pagamento

Lanciato nel 2005, Google Maps, ha all’attivo milioni di siti web che da allora lo utilizzano per geolocalizzare il proprio negozio fisico o le proprie strutture

Gratuito fin da sempre, gli utenti si erano ormai abituati ad utilizzare i servizi di Google entro un certo limite di uso; di fatto solo agli utenti più assidui di Google Maps veniva chiesto di mettere mano al portafogli. Questo però dal 16 luglio è decisamente cambiato.

Quali sono le nuove tariffe di Google Maps

Prendiamo Google Static Maps API. Fino a qualche tempo google permentteva il consultamente delle proprie mappe all’interno del sito fino a 25.000 visualizzazioni al giorno. Dopodiché, ogni 1.000 richieste aggiuntive all’API, veniva addebitato un costo 0,50 dollari.

Dal 16 luglio, per lo stesso tipo di mappa, il tetto massimo diventerà di 28.000 visualizzazioni, non più giornaliere ma mensili. Google a seguire addebiterà ogni 1.000 consultazioni API 7 dollari invece di 0,50 dollari.

Di conseguenza le grosse aziende che ricevono gran numeri di consultazioni al sito web si ritroveranno a pagare grosse cifre.

Gli utenti invece che si manterranno al di sotto della soglia di 28.000 visualizzazione mensili, dovranno comunque fornire i dettagli di una carta di credito per continuare a utilizzare Google Maps (inoltre avranno un bonus di 200 dollari al mese da poter spendere nell’API)

Se l’utente non comunica tali informazioni, riceverà un messaggio d’errore e non potrà più visualizzare la mappa (ecco il motivo per cui molte mappe di siti web ancora non funzionano).

“Un sito che conta 10.000 visualizzazioni di mappe al giorno passa quindi da 0 a 1.764 $ di costi mensili, mentre i portali che sfioravano il limite gratuito delle 25.000 visualizzazioni giornaliere dovranno pagare ora 4.704 $ al mese”, spiega Christian Quest, portavoce di OpenStreetMap Francia.

e ancora

“Poiché i prezzi dei nostri prodotti principali dipendono dal consumo, paghi solo l’utilizzo effettivo. Ricevi inoltre ogni mese $ 200 di utilizzo gratuito e puoi impostare limiti di utilizzo per tutelarti da aumenti imprevisti. Per ulteriori informazioni sulle modifiche ai prezzi delle singole API, consulta la Guida per utenti esistenti. Puoi anche analizzare l’utilizzo corrente delle API nella console e stimare i costi mensili con il calcolatore prezzi.”

Le modifiche riguardano tutte le API Google Maps?

L’uso di Google Maps nelle applicazioni mobili native resterà gratuito e illimitato. Lo stesso vale per l’uso “embed” o integrato sui siti, ovvero la semplice visualizzazione delle mappe. Google ha peraltro reso note le sue nuove tabelle tariffarie. I servizi Place/Directions/View saranno invece a pagamento.

L’applicazione mobile Google Maps e la versione web diventeranno a pagamento per gli utenti?

No! L’accesso a questo servizio rimane completamente gratuito.

A questo punto senza andare a ricadere in servizi meno conosciuti o utilizzati in italia vi chiederete:

Come posso implementare la mappa si google senza pagare?

Il “trucco” come detto sopra è di embeddare l’iframe fornito da google maps nel proprio sito web.

Ma come si fa ad embeddare il codice?

Niente di più semplice, basterà andare su Google Maps, ricercare il punto vendita o la località da voler embeddare nel proprio sito web, una volta trovata andremo a cliccare sul pulsante “Condividi ” – “Incorpora una mappa” – Selezionare la dimensione che si vuole utilizzare e a seguito copiare il codice che google ci fornisce nel codice della pagina del proprio sito web.

E se sono un azienda con più negozio e voglio avere una mappa con tutti i punti vendita visualizzati insieme?

Ho una soluzione anche per questo, il “trucco” sta nell’imparare a usare un pò Google My Maps un servizio gratuito di Google che ci permette di creare mappe con più località geolocalizzate da poi condividere (spesso viene utilizzata per creare itinerari o percorsi).

Come procedere?

Una volta essere entrato in Google My Maps (basterà un normale account Gmail), basterà cliccare su “Creaa nuova Mappa” in alto a sinistra.

Una volta all’interno potremmo:

• Dare un nome alla mappa
• Andare a ricercare il negozio interessato
• Aggiungere il geoloc del negozio alla mappa
• Aggiungere più negozio alla mappa attraverso il pulsante + sopra al negozio precedente nella lista a sinistra
• Gestire le opzioni di condivizione della mappa: Attivo – Pubblico Web (visualizzabile a chiunque), Attivo – Chiunque abbai il link, Non attivo – Persone Specifiche
  NB: Default la condivisione è impostata su Privata quindi visualizzabile solo da voi.

Una volta caricati i vari punti vendita, e settata la privacy su Attivo – Pubblico Web, basterà andare sui 3 punti vicino al nome della mappa sulla colonna di sinitra, cliccarci sopra e andare su “Incorpora sul mio sito”, a questo punto Google ci fornirà un iframe che andremo a inserire nella pagina del sito per visualizzare la mappa completa.

NB: C’è anche la possibilità di importare più punti vendita in un colpo solo attraverso un CSV, XLS, KPL o GPX esportando anche il file in precedenza dal vostro Google My Business.

Google My Maps ha anche molte altre funzioni per gestire i singoli negozi, come la scelta del colore del geoloc o informazioni aggiuntive per ogni punto vendita,. Non starò a dilungarmi su queste funzioni non essendo questo un tutorial su Google My Maps quindi provate e divertitevi a testare le sue potenzialità.

Spero questo tutorial possa aiutarvi a risolvere in maniera semplice alcuni problemi di mappe sul vostro sito.

Contattami per qualunque domanda

L'articolo Google Maps a pagamento – Come incorporare le mappe in siti gratis proviene da Creare Creatività.

Corso su come conoscere e usare i social network più diffusi
Dal 23 ottobre per 5 martedì dalle 20.30 alle 22.30

Scrivo queste poche righe per comunicarvi con molto piacere che quest’anno farò parte del corpo docenti dei corsi culturali proposti dal Comune di Campodarsego in Provincia di Padova.

Il corso sarà un eseprienza che farà chiarezza sul mondo dei Social Network sia per uso personale che professionale, il corso sarà sviluppato in 5 incontri da due ore ciascuno presso la Scuola Elementare di Sant’Andrea (PD), dalle ore 20.30 alle 22.30 ogni martedì a partire dal 23 ottobre 2018.
E sarò un occasione unica e irripetibile per scoprire a pieno il mondo dei Social Network dove il sottoscritto affiancato dal docente Michele Bruno cercheremo di rispondere a tutti i vostri dubbi e domande.

l corso sarà un viaggio alla scoperta dei social network: un mondo tutto da scoprire che, se usato con consapevolezza, può permetterti di conoscere e farti conoscere sia come persona che come professionista. Scopriremo come utilizzare Facebook in maniera professionale, come gli influencer utilizzano Instagram per farsi conoscere e come Twitter in pochi caratteri può permettere un’alta diffusione di informazioni. Andremo poi a capire come riconoscere profili fake e bufale online fino ad imparare come impostare campagne social.

La presentazione del corso avverrà Giovedì 20 settembre alle ore 20.30 presso il Comune di Campodarsego.
Per informazioni puoi collegarti al sito web del Comune di Campodarsego dove puoi trovare info sulle modalità d’iscrizione o semplicemente per avere informazioni su questa attività.

Per avere maggiori informazioni scarica il pdf con la descrizione del corso o compila il form per contattarmi direttamente e avere maggiori chiarimenti sul percorso del corso.
Le iscrizioni si chiudono il 6 ottobre, affrettati!

Iscrizione: Comune di Campodarsego
Presentazione corso: Giovedì 20 settembre ore 20.30
Periodo iscrizione: dal 10 settembre al 6 ottobre 2018
Quota iscrizione: 90.00€
Lezione: Tutti i martedì dal 23 ottobre al 20 novembre 2018
Orari: 20.30 – 22.30
Sede: Scuola elementare di San’Andrea di Campodarsego (PD)
Docenti: Alessandro Minotto e Michele Bruno

Richiedi informazioni sul Corso

L'articolo Il Social è servito – Corso per conoscere il mondo dei Social Network proviene da Creare Creatività.

Sei alla ricerca di ispirazione, di idee o consiglio per trovare un’idea innovativa per il tuo design? Sei nel posto giusto.

In questa raccolta ho deciso di racchiudere alcuni siti consultabili gratuitamente che secondo il mio punto di vista possono risultare interessanti per trarre ispirazione per i propri progetti grafici e le proprie idee. Non sempre è facile trovare idee innovative e che si differenzino dalla classica immagine proposta, per questo informarsi e cercare ispirazione da altre fonti a volte può essere l’arma vincente per avere un ottimo risultato.

Pinterest
https://www.pinterest.it/
Chi non conosce ormai Pinterest famoso social network basato sulla condivisione di fotografie, video e immagini. In questo social avrete modo di trovare interessanti idee, ricondividerle, salvarle e dividerle in categorie.

Behance
https://www.behance.net/
Tra i grafici e creativi è il social network per eccellenza per condividere progetti grafici, idee e creazioni. Anche in questo caso ogni opera può essere divisa in categoria, si possono scegliere gli artisti preferiti da seguire e lasciare like alle opere scelte per averle sempre a portata di mano.

Onicedesign
http://www.onicedesign.it/
Un interessante sito internet che racchiude corsi. Premi idee e pubblicazioni sul mondo della grafica. Anche in questo caso potrete trovare interessanti idee e consigli.

Designspiration
https://www.designspiration.net/
Un intressante sito internet dove andare a trovare idee e farsi ispirate dall’arte, il design, l’architettura, la fotografia.

Muzil 2 – Stay Ispired
https://chrome.google.com/webstore/detail/muzli-2-stay-inspired/
Non è un vero e proprio sito ma un componente aggiuntivo di Chrome che ti offre idee fresche, UI, UX e notizi dal mondo della grafica e del design. Ottimo strumento da avere nel proprio browser per trovare idee grafiche.

Creativemarket
https://creativemarket.com/
E’ vero vi avevo promesso siti gratis, ma non sempre per trovare ispirazione bisogna pagare per forza. Questo è uno dei miei siti preferiti, seppur sia praticamente tutto a pagamento si possono trovare idee accattivanti e creative per i propri progetti grafici e web. In più se semplicemente ti iscrivi ogni settimana il sito ti regala 6 pacchetti che variano da font, backup e widget grafici molto belli.

Jenreviews
https://www.jenreviews.com/color-meaning/
Un interessante articolo (anche se in inflese) che spiega, racconta e consiglia in maniera semplice i colori e i migliori accostamenti.

Siti di gestione accostamento colori

Uno dei più grandi dilemmi di ogni grafico è riuscire a creare una tabella colori omogenea soddisfacente che riesca ad attrarre l’occhio senza però essere fastidioso alla vista.
Il colore nella grafica e nel web sono importantissimi , scegliere i giusti accostamenti cromatici può fare la differenza nella comunicazione di un messaggio ed è per questo motivo che ci vengono in soccorso alcuni siti internet molto interessanti che ci aiuteranno a scegliere la nostra migliora gamma colore.

Adobe Color
https://color.adobe.com/it/create/color-wheel/
Un ottimo tool che ci permette di scegliere una palette colori armoniosa a partire da un colore base o da una foto/immagine. Si possono inoltre salvare le palette e condividerle.

Coolors
https://coolors.co/
Una valida alternativa a quella precedente che ti permette di generare una palette colori gestendo anche il singolo colore così da poter valutare in prima persona se i colori da te selezionati stanno bene o no assieme.

Colrd
http://colrd.com/create/palette/
Un po come i due precedenti, più limitato nella gestione ma con la particolarità che ogni colore scelto in automatico ti suggerisce 140 tonalità simili.
Se invece finite direttamente nella home: http://colrd.com/ potrete trovare un sacco di foto e immagini pubblicate dove sotto ognuna di esse sono ricondivisi i colori utilizzati.

Paletton
http://paletton.com/
Anche questo tool di gestione colore è molto interessante seppur a mio avviso leggermente più complicato degli altri avendo molte più funzionalità di gestione colore.

Color Lisa
http://www.colorlisa.com/
Questo sito seppur si differenzi dagli altri è molto interessante perchè ha nella sua Gallery una vasta palette di colori che si basa sui capolavori di grandi artisti di tutto il mondo. Ogni tavolozza è stata creata da designer, artisti curatori di musei e maestri della teoria del colore.

Altri siti di ispirazione grafica

In conclusione, seppur non meno importanti, vi propongo una raccolta di siti generici che spaziano dal web, alle icone, ai font, ai colori che possono ispirare la vostra creatività quotidiana.

Worldmark
https://wordmark.it/
Interessante sito internet per scegliere il font migliore per le tue creazioni. Il sito funziona in maniera molto semplice, hai la possibilità di scrivere la tua parola e vederla in una selezione di font da poter scaricare.

Fontsinuse
https://fontsinuse.com/
Questo sito ripropone degli accostamenti di font molto interessanti basati su pubblicazioni grafiche storiche e non solo di tutto il mondo. Se cercate idee ed ispirazione per i vostri font questo è i sito giusto.

Iconstore
https://iconstore.co/
Una raccolta di pacchetti di icone in free download dove il design è la parola d’ordine. In questo sito potrete trovare idee per i vostrii design minimalista e colorati.

Flaticon
https://www.flaticon.com/
Seppur sia più semplice del suo rivale anche flaticon regala interessanti icone da scaricare singolarmente se non vi interessano pacchetti interi come con iconstore.

Dribble
https://dribbble.com/
Alternativa a Behance o Pinterest dove i designer di tutto il mondo condividono le proprie idee e lavori grafici da dove trarre ispirazione.

Awwwards
https://www.awwwards.com/
Sito che raccoglie a sua volta una raccolta dei migliori design di siti internet al mondo suddividendoli per categorie e classifiche in base all’usabilità e bellezza dando ogni settimana premi ai siti più innovativi.

Unsplash
https://unsplash.com/
Questo sito secondo il mio punto di vista è una piccola chicca per grafici e fotografici. Possiamo definirlo un social network di fotografi che mettono a disposizione i loro scatti di altissima qualità per utilizzo libero a patto che venga nominato l’artista.

Pexels
https://www.pexels.com/
Altro sito dove poter trovare immagini completamente gratuite di altissima qualità. Il sito è molto vasto e si possono trovare davvero idee interessanti per i nostri progetti.

Adobe Stock Free
https://stock.adobe.com/it/free
Non tutti lo sanno ma Adobe ha messo a disposizione più di 40 mila risorse gratuite tra foto, vettoriali e video da poter scaricare per incentivare la creatività.

Pikwizard
https://pikwizard.com/
Un’altro ottimo sito dove poter trovare risorse di immagini free, il potenziale di questo sito web è che ci sono molte immagini di alta qualità che raffigurano persone, cosa davvero difficile da trovare in siti di immagini free.

PicJunbo
https://picjumbo.com/
Ottima alternativa a unsplash. Un sito che raccoglie migliaia di immagini scattate da fotografi e tutto in download free. Se volete però potete sempre offrire un caffè ai vostri fotografi preferiti.

Mockupworld
https://www.mockupworld.co/
Sito che racchiude idee e mockup in free download per creare le nostre proposte grafiche con elementi di alta qualità e di design.

L'articolo Siti per idee grafiche e non solo proviene da Creare Creatività.

Che differenza c’è tra Responsive e Adaptive?

Un sito Responsive, si presenta in maniera diversa in base al dispositivo con cui viene visualizzato.
Dipende strettamente da griglie flessibili e fogli stile in CSS che permettono al codice di prevedere strategie che di volta in volta gli permettono di adattarsi allo schermo sulla quale viene visualizzato.

Un sito Adaptive invece, si basa su elementi chiamati “Progressive enhancement” in italiano tradotto in “Miglioramento progressivo”, cioè mette in primo piano l’accessibilità al sito internat e la sua usabilità.
Praticamente, al contrario del reponsive, un sito adaptive invece di modificare le proprie misure a seconda del dispositivo con la quale viene visualizzato è composto esso stesso da diverse versioni dello stesso template, che gli permettono di caricarsi autonomamente in base al dispositivo utilizzato.

E quindi parlando di formato?

Un sito Responsive, tramite CSS e le sue variabili, predispone tutte le versioni del sito e le mostra a seconda del device utilizzato.
Un sito Adaptive carica esattamente il templare giusto per il dispositivo utilizzato.

Cosa cambia con il Dominio?

Un sito Responsive poggia sullo stesso dominio sia che venga visualizzato da desktop, che da mobile o tablet. Questo gli permette di adattarsi di volta in volta con fluidità a discapito però della velocità.
Al contrario un sito Adaptive in base al dispositivo con cui viene visualizzato, pesca in un differente dominio, le pagine si adattano allo schermo seguendo regole prestabilite e quindi la visualizzazione e molto più veloce.

Cosa cambia con l’indicizzazione?

Un sito Responsive poggiando sullo stesso dominio, ha una potenzialità di indicizzazione invariata che sia visualizzato da mobile o da desktop.
Un sito Adaptive invece, poggiando su diversi domini, ha una potenzialità di indicizzazione differente in base al dispositivo, perciò tutto ciò che riguarda il SEO copywritting e il link building dovranno essere adattati.

A questo punto vi domanderete, quale dei due è consigliato per me?

Non c’è una regola precisa, bisogna valutare di volta in volta la tipologia di sito che si sta creando e la user experience che si vuole offrire.
Un sito Responsive sarà la scelta giusta al momento che la fruizione dei contenuti sia la stessa su ogni decive.
Un sito Adaptive sarà più utile quando si vuole creare una versione mobile leggermente diversa o semplificata, come per i grandi siti di testate giornalistiche, può essere consigliato in oltre quando il sito web desktop è già esistente e vi sia difficoltà a renderlo responsive.

Infine, se non avete ancora un sito mobile friendy, forse questo è il momento giusto di cambiare
Potete contattarmi senza impegno per una chiacchierata chiaritiva che vi permetta di migliorare la vostra user experience nel mondo del web.

L'articolo Responsive o Adaptive, qual’è la differenza? proviene da Creare Creatività.