Il unico link in Bio su Instagram ti sta stretto?

Non cambiare mai più il link nel tuo collegamento biologico!

Hai solo 150 caratteri e pochissimi secondi per farti conoscere. Instagram, più di altri social, è velocissimo e catturare l’attenzione dell’utente è difficile ma non impossibile!

Racconta chi sei in modo chiaro e diretto. Sei una social media manager? Sei una webwriter? Dillo in poche, semplici parole e aggiungi qualche particolare in più che parli di te, del tuo mondo, di quelle particolarità che ti distinguono dagli altri. Instagram, anche se usato per lavoro, è un biglietto da visita che può essere più giocoso e leggero del tuo profilo Linkedin o Facebook.

Si ha una sola possibilità di collegarsi su Instagram!
Fallo fare di più!

Si chiama Linktree e permette di peronalizzare il link inserito nella bio di Instagram. In pratica, creando un URL unico che rimandi a diversi link come blog, sito, pagina di acquisto dei prodotti, pagina Facebook e molto altro.

Il bello di questo tool è che è facilissimo, intuitivo e soprattutto GRATUITO! Cosa chiedere di più?

Come funziona?

Linktree è uno strumento gratuito per ottimizzare il traffico Instagram, che tu sia un blogger, un artista o una piattaforma di contenuti…

Avrai un link bio per ospitare tutti i contenuti a cui stai portando i tuoi seguaci!

Lascia che il tuo contenuto viva più a lungo del feed!

Il mio link

 

Tweet:   Non-techy entrepreneur building your brand on a budget? Start HERE with a month FREE! @theloredanacom https://ctt.ac/0aIeU+ Imprenditore non tanto tecnologico che vuole costruire il suo marchio con un budget limitato? Inizia QUI con un mese GRATIS!

Guida HTML e CSS

HTML è il principale linguaggio di pubblicazione di pagine Web, oltre che uno strumento sempre più utilizzato per la realizzazione di contenuti e applicazioni mobile. Seguendo questa guida imparerai a realizzare pagine e siti in HTML, con tabelle e tanto altro ancora.

Introduzione all’HTML

CSS

Hello HTML! Creare la prima pagina

Ciao Mondo!

Strumenti di sviluppo, l’editor

Il Browser, che cos’è, come e perché tenerne conto

Introduzione all’HTML

HTML è l’acronimo di HyperText Markup Language (“Linguaggio di contrassegno per gli Ipertesti”) e non è un linguaggio di programmazione. Si tratta invece di un linguaggio di markup (di ‘contrassegno’ o ‘di marcatura’), che permette di indicare come disporre gli elementi all’interno di una pagina.

Queste indicazioni vengono date attraverso degli appositi marcatori, detti tag (‘etichette’), che hanno la caratteristica di essere inclusi tra parentesi angolari (ad es, è il segnaposto di un’immagine).

Con HTML quindi indichiamo, attraverso i tag, quali elementi dovranno apparire su uno schermo e come essi debbano essere disposti. Tutte queste indicazioni sono contenute in un documento HTML, spesso detto “Pagina HTML“. Una pagina HTML è rappresentata da un file di testo, ovvero un file che possiamo modificare con programmi come notepad e in genere hanno un nome che finisce con l’estensione .html.

Ciò significa che HTMLnon possiede i costrutti propri della programmazione, come i meccanismi “condizionali”, che consentono di reagire in modo diverso a seconda del verificarsi di una condizione (“in questa situazione fai questo, in quest’altra fai quest’altro”), o i costrutti iterativi (“ripeti questa azione, finché non succede questo”).

Nota: Si parla in questo caso di linguaggio dichiarativo, che serve appunto ad indicare cosa deve apparire sullo schermo (testi, immagini, suoni, etc.), dove e in che sequenza. Nel caso di linguaggi in cui specifichiamo algoritmi precisi con “strutture di controllo”, come C, C++, Java, o anche PHP e JavaScript, parliamo di “linguaggi imperativi”.

HTML + CSS + JavaScript

Anche se non ce ne occuperemo direttamente, è utile sapere che per lavorare con HTML è utile conoscere tutto il cosiddetto “stack“, ovvero tutte le tecnologie necessarie a realizzare un sito o una applicazione.

In passato si utilizzavano alcuni tag HTML per definire font (tipi di carattere), i colori o le dimensioni degli oggetti sullo schermo. Oggi il quadro è definitivamente cambiato e molte di quelle funzionalità sono deprecate favorendo una divisione dei compiti più chiara tra diversi strumenti:

HTML
serve a definire quali sono gli elementi in gioco, stabilire collegamenti (link) tra le pagine e l’importanza (non la forma o il colore) che hanno i testi, creare form per gli utenti, fissare titoli, caricare immagini, video, etc.

CSS
o “fogli di stile”. Si tratta di una serie di regole che permettono di definire l’aspetto (lo stile) che devono assumere gli elementi sulla pagina. Dimensioni, colori, animazioni, ogni caratteristica visuale può essere manipolata.

JavaScript
è un linguaggio di programmazione che consente di manipolare veramente qualunque cosa nella pagina HTML: lo stile, i contenuti della pagina, ma soprattutto l’interazione con l’utente. Ci permette di creare la logica dell’interfaccia utente (o anche di una applicazione) e di sfruttare le API messe a disposizione dal browser: dalla gestione del mouse al touch, dalla manipolazione delle immagini, alle richieste di dati dinamiche (in modalità Ajax) alla gestione di dati in locale (grazie ai LocalStorage).

In questa guida approfondiremo tutto ciò che riguarda il potenziale messo a disposizione da HTML ma faremo riferimento spesso anche a queste altre tecnologie, legate a doppio filo con il nostro markup.

HTML è uno standard: il W3C

Da quando Tim Berners Lee, nel 1991, ha definito la prima versione del linguaggio, fino ai giorni nostri, HTML ha continuato ad evolversi fino a maturare nello standard HTML 5.

Il secondo rilascio delle specifiche (HTML 2) è stato pubblicato dallo IEFT nel 1995, mentre già stava nascendo il W3C: World Wide Web Consortium l’organizzazione fondata dallo stesso Berners Lee con CERN e MIT, che oggi vede coinvolti numerosi istituti universitari e i più importanti attori tecnologici sulla scena mondiale come Apple, Microsoft, Google, Facebook, IBM, Adobe, e moltissimi altri.

Il W3C si occuperà di traghettare lo standard attraverso la versione 3.2 (1997) fino alla definizione di HTML 4 nel 1998 e HTML 4.01, la versione che ha sostenuto la crescita del Web di tutti gli anni 2000 e che assurgerà a standard ISO proprio a cavallo del terzo millennio.

Proprio negli anni 2000 nasce XHTML, un filone parallelo che cerca di dare maggior rigore all’HTML, definendolo come “applicazione XML” ne sono già state rilasciate due versioni (XHTML1.0 e XHTML1.1), molto simili a HTML 4.1, poi praticamente abbandonate già nel 2011 quando il W3C decide di affermare lo standard HTML 5 (tutt’ora sussiste una definizione di XHTML5.1 nella bozza delle specifiche HTMl5).

HTML5, Web e mobile

La versione di HTML che esamineremo in questa guida è quella più attuale: HTML 5, che è anche la versione che nasce appositamente per uscire dal solo ambito Web e diventare piattaforma per la creazione di applicazioni, anche desktop e mobile.

La specifica HTML5 infatti si compone della definizione di:

-una sintassi per il markup più efficace e adatta alle esigenze più moderne, con l’introduzione di specifici controlli per i form o degli attributi “data-” da arricchire i tag di informazioni specifiche;

-una serie di API che consentono di gestire, a livello approfondito aspetti come network, multimedia, e hardware dei dispositivi. In altre parole dalla gestione del video e dell’audio al monitoraggio delle batterie di un device.

Questo sviluppo dello standard ha dato il via alla generazione delle cosiddette App mobile ibride, che sfruttano sia HTML5, per creare app che si possono distribuire, come quelle native, sui marketplace dei dispositivi più comuni (come Google Play per Android ad esempio).

Link e ipertesti

La potenza di Internet consiste nell’essere un insieme esteso di contenuti connessi tra loro. Il linguaggio HTML e i link sono alla base di questo meccanismo che consente di muoversi rapidamente tra testi, immagini, video, applicazioni e quant’altro creando percorsi i propri percorsi di navigazione in totale autonomia.

Per accedere rapidamente a una ormai enorme mole di informazioni, sono nati i motori di ricerca, che si basano su una serie di elementi “semantici” per rispondere adeguatamente alle richieste degli utenti. Si parte dall’analisi del testo (o del contenuto) e dei collegamenti, fino a sfruttare i comportamenti degli utenti per catalogare le pagine e stabilire il livello di rilevanza (ranking) che hanno a seconda della singola query di ricerca.

L’ottimizzazione dei contenuti per favorire il posizionamento della pagina per specifiche ricerche si dice SEO (Search Engine Optimization), nel corso della guida ci troveremo a parlarne ancora.

Desktop Support

IE

11*
Edge

17
Firefox

60
Chrome

66
Safari

11.1

Mobile/Tablet Support

iOS Safari

10.3
Opera Mini

None
Chrome for Android

67
UC Browser for Android

11.8
Samsung Internet

6.2

CSS

Grid Container

The element on which display: grid is applied. It’s the direct parent of all the grid items. In this example container is the grid container.

Html

      &ltdiv class="container"&gt
        &ltdiv class="item item-1"&gt&lt/div&gt
        &ltdiv class="item item-2"&gt&lt/div&gt
        &ltdiv class="item item-3"&gt&lt/div&gt
      &lt/div&gt

Grid Item

The children (e.g. direct descendants) of the grid container. Here the item elements are grid items, but sub-item isn’t.

Html

      &ltdiv class="container"&gt
        &ltdiv class="item"&gt&lt/div&gt 
        &ltdiv class="item"&gt
          &ltp class="sub-item"&gt&lt/p&gt
        &lt/div&gt
        &ltdiv class="item">&lt/div&gt
      &lt/div&gt

Grid Line

The dividing lines that make up the structure of the grid. They can be either vertical (“column grid lines”) or horizontal (“row grid lines”) and reside on either side of a row or column. Here the yellow line is an example of a column grid line.

Grid line

Grid Track

The space between two adjacent grid lines. You can think of them like the columns or rows of the grid. Here’s the grid track between the second and third row grid lines.

Grid track

Grid Cell

The space between two adjacent row and two adjacent column grid lines. It’s a single “unit” of the grid. Here’s the grid cell between row grid lines 1 and 2, and column grid lines 2 and 3.

Grid cell

Grid Area

The total space surrounded by four grid lines. A grid area may be comprised of any number of grid cells. Here’s the grid area between row grid lines 1 and 3, and column grid lines 1 and 3.

Grid area

Table of Contents – Grid Props

Properties for the Parent
(Grid Container)

display

Defines the element as a grid container and establishes a new grid formatting context for its contents.

Values:

  • grid – generates a block-level grid
  • inline-grid – generates an inline-level grid
CSS

      .container {
        display: grid | inline-grid;
      }

Note: The ability to pass grid parameters down through nested elements (aka subgrids) has been moved to level 2 of the CSS Grid specification. Here’s a quick explanation.

grid-template-columns

grid-template-rows

Defines the columns and rows of the grid with a space-separated list of values. The values represent the track size, and the space between them represents the grid line.

Values:

  • &lttrack-size&gt – can be a length, a percentage, or a fraction of the free space in the grid (using the fr unit)
  • &ltline-name&gt – an arbitrary name of your choosing
CSS

      .container {
        grid-template-columns:  ... |   ...;
        grid-template-rows:  ... |   ...;
      }

Examples:

When you leave an empty space between the track values, the grid lines are automatically assigned positive and negative numbers:

CSS

      .container {
        grid-template-columns: 40px 50px auto 50px 40px;
        grid-template-rows: 25% 100px auto;
      }
Grid with auto named lines

But you can choose to explicitly name the lines. Note the bracket syntax for the line names:

CSS

      .container {
        grid-template-columns: [first] 40px [line2] 50px [line3] auto [col4-start] 50px [five] 40px [end];
        grid-template-rows: [row1-start] 25% [row1-end] 100px [third-line] auto [last-line];
      }
Grid with user named lines

Note that a line can have more than one name. For example, here the second line will have two names: row1-end and row2-start:

CSS

      .container {
        grid-template-rows: [row1-start] 25% [row1-end row2-start] 25% [row2-end];
      }

If your definition contains repeating parts, you can use the repeat() notation to streamline things:

CSS

      .container {
        grid-template-columns: repeat(3, 20px [col-start]);
      }

Which is equivalent to this:

CSS

      .container {
        grid-template-columns: [col-start] 20px [col-start] 20px [col-start] 20px;
      }

If multiple lines share the same name, they can be referenced by their line name and count.

CSS

      .container {
        grid-template-columns: [col-start] 20px [col-start] 20px [col-start] 20px;
      }

The fr unit allows you to set the size of a track as a fraction of the free space of the grid container. For example, this will set each item to one third the width of the grid container:

CSS

      .container {
        grid-template-columns: 1fr 1fr 1fr;
      }

The free space is calculated after any non-flexible items. In this example the total amount of free space available to the fr units doesn’t include the 50px:

CSS

      .container {
        grid-template-columns: 1fr 1fr 1fr;
      }

Properties for the Children
(Grid Items)

Note:
float, display: inline-block, display: table-cell, vertical-align and column-* properties have no effect on a grid item.

grid-column-start

grid-column-end

grid-row-start

grid-row-end

Determines a grid item’s location within the grid by referring to specific grid lines. grid-column-start/grid-row-start is the line where the item begins, and grid-column-end/grid-row-end is the line where the item ends.

Values:

  • &ltline&gt – can be a number to refer to a numbered grid line, or a name to refer to a named grid line
  • span &ltnumber&gt – the item will span across the provided number of grid tracks
  • span &ltname&gt – the item will span across until it hits the next line with the provided name
  • auto – indicates auto-placement, an automatic span, or a default span of one
CSS

      .item {
        grid-column-start:  |  | span  | span  | auto
        grid-column-end:  |  | span  | span  | auto
        grid-row-start:  |  | span  | span  | auto
        grid-row-end:  |  | span  | span  | auto
      }

Examples:

CSS

      .item-a {
        grid-column-start: 2;
        grid-column-end: five;
        grid-row-start: row1-start
        grid-row-end: 3
      }
Example of grid-row/column-start/end
CSS

      .item-b {
        grid-column-start: 1;
        grid-column-end: span col4-start;
        grid-row-start: 2
        grid-row-end: span 2
      }
Example of grid-row/column-start/end

If no grid-column-end/grid-row-end is declared, the item will span 1 track by default.

Items can overlap each other. You can use z-index to control their stacking order.

Animation

According to the CSS Grid Layout Module Level 1 specification there are 5 animatable grid properties:

  • grid-gap, grid-row-gap, grid-column-gap as length, percentage, or calc.
  • grid-template-columns, grid-template-rows as a simple list of length, percentage, or calc, provided the only differences are the values of the length, percentage, or calc components in the list.

Browser Support of CSS Grid properties

As of May 7th, 2018, only the animation of (grid-)gap, (grid-)row-gap, (grid-)column-gap is implemented in any of the tested browsers.

Browser Support for animatable grid properties

Browser
(grid-)gap, (grid-)row-gap, (grid-)column-gap
grid-template-columns
grid-template-rows
Firefox 55+, Firefox 53+ Mobile
Safari 11.0.2
Chrome 66+
Chrome for Android 66+, Opera Mini 33+
Edge 16+

Hello HTML! Creare la prima pagina

Seppure molto potente, HTML non è un linguaggio complesso e può offrire soddisfazioni immediate. Per iniziare basta pochissimo, quasi niente in realtà:

Un browser, ne abbiamo almeno uno già installato nel PC o nei device che utilizziamo.

Un editor di testi, anche di questi ce ne sono a bizzeffe e tipicamente ce n’è uno in ogni ambiente operativo. L’importante è ricordare che non dobbiamo utilizzare programmi come Word, OpenOffice o WordPad, che sono “word processor” evoluti e non servono allo scopo.

Per il momento ci accontentiamo di questo approccio semplificato, vedremo più avanti come sia importante la scelta dell’ambiente di sviluppo. In questo modo possiamo rapidamente approcciare alla questione che ora ci interessa di più: scrivere la nostra prima pagina HTML.

Lanciamo il nostro editor di testi, ad esempio il classico blocco note di Windows e scriviamo un semplice testo come il seguente:

“Ciao Mondo!”

Estensione .html

Fatto questo salviamo il file con estensione .html ad esempio “hello.html“. Per i meno esperti, Windows a volte nasconde le estensioni e potrebbe risultare difficile salvare correttamente i nostri file. In questi casi possiamo abilitare le estensioni grazie alle opzioni di visualizzazione delle cartelle.

Non è raro trovare pagine HTML con estensione .htm. Questa abitudine, quasi del tutto scomparsa, trova radici nei nomi dei file dell’ms-dos e di Windows 3.1. Questi sistemi operativi potevano gestire solo file con nomi di massimo 8 caratteri ed estensioni di non più di 3 lettere. Dunque .html era diventato .htm, così come .jpeg era diventato .jpg.

Apriamo il file HTML

Una volta assegnata questa estensione, cliccando sul file si aprirà automaticamente il browser predefinito di sistema e mostrerà una schermata simile alla seguente:

Niente di straordinario dunque: viene mostrato il testo a video! Ma vediamo cosa succede se aggiungiamo qualcosa al nostro markup:

Ciao Mondo!

Questa è la nostra prima pagina HTML!

Una volta aggiunto un titolo (Heading) di primo livello “h1″e un paragrafo “p” proviamo ad aggiornare la pagina (in genere basta digitare F5) il testo viene modificato in questo modo:

Il browser mostra il nostro titolo con un carattere grande e in grassetto. Mentre il contenuto del paragrafo (quello compreso tra un “p” è un altro “p” rappresentato con una dimensione più piccola.

In effetti non abbiamo detto nulla sullo stile degli elementi rappresentati, ci siamo limitati a definire un titolo e un paragrafo e, come ci ritroveremo a dire diverse altre volte, questo è il compito del markup HTML. Tali definizioni infatti hanno un’importanza che va oltre la sola rappresentazione grafica.

Le scelte di stile sono comunque importanti ma accessorie, in questo caso vediamo applicate quelle preconfezionate nel browser e vedremo poi come modificarle a nostro piacimento.

I tag “head” e “body”: la struttura minimale della pagina HTML

Per fare le cose un po’ meglio e dirci soddifatti della nostra prima pagina torniamo sul nostro editor e modifichiamo il markup.

Sbirciare l’HTML nelle pagine Web

Abbiamo visto come completare con soddifazione una prima pagina HTML, ma una delle cose più interessanti di questo linguaggio è che il markup è scritto come un testo, perciò è possibile leggere codice scritto da altri.

Tutti i browser infatti danno la possibilità di mostrare il codice HTML delle pagine e quasi tutti permettono di farlo con la combinazione di tasti CTRL+U.

Non ci sorprenda, né ci scoraggi, trovare un codice molto fitto e complesso dietro a pagine apparentemente molto semplici come quella di DuckDuckGo.

Del resto quello di Google è molto più intricato. Come sappiamo HTML è alla base non solo di testi e ipertesti ma di vere e proprie applicazioni.

Strumenti di sviluppo, l’editor

Gli strumenti principali che servono a realizzare pagine HTML sono editor di testo, browser, software per manipolare foto o immagini vettoriali, tool per la progettazione e la messa online del sito o il deploy dell’app.

Per ogni lavoro avere gli attrezzi giusti è fondamentale. Un buon ambiente di sviluppo può fare la differenza sia quando iniziamo a sviluppare in HTML, sia quando abbiamo a che fare con la manutenzione di lavori già fatti.

Editor di testo

La scelta dell’editor è piuttosto importante, è il principale compagno di strada in questo percorso e tipicamente diventa un’estensione naturale del pensiero. Gli editor che risultano tra i più utilizzati sono:

Editor: Atom

Piattaforma: Windows, Linux, Mac

Licenza: Gratuita

Editor: Sublime Text

Piattaforma: Windows, Linux, Mac

Licenza: Praticamente gratis. Si può scaricare una versione di prova che sostanzialmente può utilizzare senza restrizioni o limiti di tempo

Editor: Notepad++

Piattaforma: Windows

Licenza: Gratuita

Syntax Highlighting

Serve a evidenziare la sintassi del linguaggio e rendere più leggibile il codice sorgente. Ogni tag, attributo, numero o parola chiave assume uno specifico colore e diventa subito riconoscibile. Grazie a questa caratteristica emergono più facilmente eventuali errori di battitura e diventa anche più chiara la struttura della pagina.

Autocompletamento

Mentre scriviamo il codice l’editor propone di completare automaticamente la parola o il comando che stiamo digitando. Ci sono diversi livelli di autocompletamento anche in base ai linguaggi.

In HTML ad esempio può risultare comoda la chiusura automatica dei tag: quando finiamo di scrivere

-viene subito scritto automaticamente;

-lasciandoci la comodità di scrivere dentro altro contenuto.

Altra comodità è il suggerimento delle regole CSS, visto che sono numerose e non è male averle tutte sotto mano per decidere quale inserire.

Community e plugin

Anche se gli editor offrono poche funzioni di base, le esigenze possono portarci a voler aggiungere alcune caratteristiche e diventa importante valutare quanti e quali plugin sono disponibili, quanto è numerosa la base di utenti e quanto è attiva la comunità degli sviluppatori. Un plugin a volte può essere determinante

Tra i plugin più utili ci sono ad esempio quelli che permettono di memorizzare e replicare degli snippet di codice (o il testo lorem ipsum ad esempio), quelli che permettono il confronto tra versioni diverse dei file (diff).

Macro e Shortcut

Le scorciatoie da tastiera sono estremamente importanti quando si sviluppa. Tutti gli editor mettono a disposizione le combinazioni di tasti per le operazioni più comuni: copia, incolla, taglia, undo etc.

Possiamo aver bisogno però di ulteriori automatismi, come richiamare uno snippet di codice, selezionare direttamente un tag etc. Per ottenere questo può rivelarsi determinante un editor che consenta di registrare sequenze di azioni (macro) da poter associare a combinazioni di tasti (shortcut).

Quale editor scegliere?

Gli editor di testi di cui sopra soddisfano tutti i requisiti citati e la scelta è veramente molto soggettiva, a volte legata anche all’abitudine. Tuttavia, per chi non fosse già particolarmente affezionato ad un software in particolare, la scelta potrebbe cadere su Atom.io, considerando che dei tre è il prodotto più giovane, gira su tutte le piattaforme è gratuito e ricco di estensioni.

Il Browser, che cos’è, come e perché tenerne conto

Il programma che interpreta il markup delle nostre pagine HTML e mostra a video tutto ciò che indichiamo si chiama Browser. La parola tradotta letteralmente sta per “colui che dà un’occhiata in giro” ed è stata utilizzata per definire il tipo di programmi che usiamo per navigare sul Web.

Per capire meglio come lavorare in HTML è importante soffermarci su alcuni degli aspetti più importanti che riguardano proprio questi strumenti, diventati nel tempo molto di più che semplici software per la “navigazione di Internet”.

Tra i compiti svolti dal browser, sono due quelli che ci interessano di più: il caricamento e la visualizzazione (rendering) della pagina HTML.

Caricare la pagina HTML

Caricare la pagina significa acquisirne il contenuto, più tecnicamente il browser richiede che venga effettuato un trasferimento di file. Perché sia possibile effettuare le richieste, la pagina HTML, come pure tutti i file ad essa correlati, è raggiungibile facendo riferimento ad un certo indirizzo, come questi che seguono:

Semplificando possiamo dire che grazie agli indirizzi possiamo effettuare richieste:

-in “locale”, quando i file si trovano sul device o sul computer su cui gira il browser

-in “remoto”, quando i file sono su un server da contattare tramite internet (o altra rete).

La fase di caricamento della pagina è il primo punto cruciale quando si parla di perfomance: perché un sito o una applcazione risultino gradevoli da utilizzare bisognerà fare in modo di minimizzare quanto più possibile i tempi di caricamento.

A tal proposito esistono una serie di tool e tecniche come la “minificazione” del codice, il caching, l’uso di siti ad hoc per il trasferimento veloce di contenuti (CDN), gli sprite, etc. Cose di cui non ci occuperemo direttamente, ma delle quali è utile conoscere l’esistenza.

Alcuni di questi accorgimenti come la cache sono inseriti anche nei browser. Inoltre tutti i browser inoltre forniscono dei tool per gli sviluppatori (in genere si attiva digitando F12) che consentono, tra le altre cose, di monitorare i tempi di caricamento dei file.

Rendering della pagina

La seconda fase cruciale è quella della visualizzazione ovvero del cosiddetto rendering della pagina, la fase in cui il browser interpreta i documenti HTML e dispone sullo schermo gli elementi (testi, immagini, filmati) a seconda delle indicazioni ivi contenute.

Il componente del browser che svolge questo compito è detto “Rendering Engine” (motore di rendering), che in sostanza si comporta come un sistema operativo in miniatura e che sfrutta direttamente le caratteristiche hardware del device su cui visualizziamo le nostre pagine.

In questa fase quindi, specie nei progetti più complessi o quando le pagine sono destinate a dispositivi lenti o con poca memoria, bisogna fare attenzione a non sovraccaricare di lavoro l’engine del browser.

Anche a questo proposito ci sono una serie di strumenti, all’interno dei browser stessi, per verificare il tempo di esecuzione e l’uso di risorse dovute all’elaborazione della pagina.

Il browser e gli strumenti di sviluppo

Il browser è fondamentale per testare il nostro lavoro sotto il profilo visuale e non solo. I browser moderni come Google Chrome, Mozilla Firefox, Microsoft Edge e Apple Safari (per non fare torto a nessuno), forniscono infatti i cosiddetti “strumenti di sviluppo” grazie ai quali possiamo tenere sotto controllo diversi aspetti delle pagine HTML.

Poiché queste funzionalità si attivano col tasto F12, in alcune occasioni si parla di “F12 Tools”. Tra questi strumenti troviamo moltissime cose, dall’analisi del caricamento della pagina all’emulazione dei sensori dei device, dal debug step-by-step del codice JavaScript agli editor di SVG. Vediamo quelli più utili nel contesto di questa guida.

L’esplorazione del codice e modifica dei CSS

Possiamo sezionare la pagina e vedere cosa c’è dietro a ogni elemento. Inoltre possiamo esaminare e modificare il CSS per effettuare delle modifiche e verificare “al volo” gli effetti.

Mobile View

È una modalità che ci consente di effettuare una prima e rapida valutazione della resa grafica e della user experience che otterremo sui dispositivi mobili.

È una modalità che ci consente di effettuare una prima e rapida valutazione della resa grafica e della user experience che otterremo sui dispositivi mobili.

Molto utile per interventi rapidi: per tracciare variabili, testare piccole porzioni di script o ricordare al volo le proprietà e i metodi di un oggetto.

I browser non sono tutti uguali

Anche se praticamente tutti i browser moderni garantiscono una pressocché totale aderenza agli standard del W3C, rimangono ancora alcune piccole differenze nell’implementazione delle direttive, quindi nel modo in cui i singoli browser mostrano i contenuti.

In sostanza quando lavoriamo al nostro HTML, possiamo trovarci a fare i conti con:

-la compatibilità dei browser (specie quelli più datati possono dare problemi);

-le capacità dei dispositivi (in termini di performance e banda ad esempio);

-le tipologie di schermo cui sono destinate le nostre pagine HTML.

Se in passato l’idea dominante era quella di tentare di ottenere la stessa visualizzazione su tutti i browser, oggi è fondamentale che i contenuti siano proposti in modo adeguato alla singola situazione (es. mobile, large screen, desktop, vecchi browser, etc.).

Un buon riferimento per verificare la compatibilità dei browser è caniuse, in cui troviamo le direttive e funzionalità che sono supportate dai più importanti browser in circolazione, sia desktop, sia mobile.

Caniuse riporta anche le statistiche di accesso con diversi browser, un indice comunque utile per valutare la diffusione dei browser, le preferenze degli utenti e la penetrazione delle nuove versioni.

Quale Browser scegliere?

Naturalmente il consiglio è quello di di provarli tutti e cercare quello che meglio ci sembra adattarsi alle proprie esigenze. È corretto indicare però che in genere nel toolkit degli sviluppatori Chrome non manca quasi mai, che anche Firefox è piuttosto utilizzato, vista la varietà dei tool disponibili e che i browser Microsoft, che pure hanno strumenti avanzati di sviluppo, sono spesso utilizzati per valutare questioni di compatibilità.

Tweet: Non-techy entrepreneur building your brand on a budget? Start HERE with a month FREE! @theloredanacom https://ctt.ec/JCO15+ Imprenditore non tanto tecnologico che vuole costruire il suo marchio con un budget limitato? Inizia QUI con un mese GRATIS!

SITI WEB professionali

Sito web vetrina

E’ il tuo biglietto da visita

Presenta i tuoi servizi

Costruisce il tuo brand

La mia offerta per un sito web vetrina è la soluzione più economica per essere da subito presenti sul web (on-line). Si tratta di un sito web vetrina con una presentazione professionale, un elenco dei prodotti e/o servizi ed un modulo contatti con cartina. Compresso nel prezzo: indicizzazione sui motori di ricerca principali: Google, Yahoo, Bing e scheda professionale Google Business (ideale per la ricerca locali). Nel prezzo del sito vetrina saranno incluse le seguenti pagine web: Home, Chi Siamo, Prodotti/Servizi, Contatti e Dove siamo (mappa esatta su Google), con la possibilità di aggiungerne altre.

Attività incluse nel prezzo:

-inserimento dei contenuti;

-collegamenti con il Social Network;

-pagina dedicata su Google Business.

Attività a richiesta:

-Campagne Adwords (la possibilità di  monetizzare in base delle visualizzazioni del sito web) / Facebook;

-Aggiornamenti.

Nessun costo nascosto ed assistenza garantita (per i primi 12 mesi).

Sito web vetrina

Sito web vetrina è la soluzione più economica per essere da subito presenti sul web (on-line).

€590,00

Sito web dinamico

Facilmente aggiornabile

Fidelizza il visitatore

Rafforza il tuo brand

La mia offerta per un sito web dinamico è un sito intuitivo, con alto impatto visivo e communicativo , integrato con i Social Networks, ricco di contenuti originali e ben ottimizzato.

Cos’è un sito web dinamico?

Un sito web dinamico permette di utilizzare una serie quasi infinita di funzionalità aggiuntive -articoli, pagine, immagini, autori, funzionalità, ecc.-. Possono essere inseriti e richiamati a piacimento ed utilizzati attraverso tutto il sito web.

Attività incluse nel prezzo:

-inserimento dei contenuti;

-configurazione e-mail personalizzto per la tua attività (per differenziare il tuo business);

-collegamenti con il Social Network;

-pagina dedicata su Google Business;

-la gestione degli annunci pubblicitari all’interno del sito web;

-news ed eventi (gestione delle news e di eventi inerenti la vostra attività);

-modulo chat (assistenza clienti facile e veloce con il modulo chat integrato);

-multilingue- sito web in italiano con la possibilità di  -“selezionare lingua”-  incluse più di 40 lingue, per avere una maggiore visibilità all’estero;

-Campagne Adwords (la possibilità di  monetizzare in base delle visualizzazioni del tuo sito web);

-Google Analytics – account Google Analytics per report dettagliati sul traffico web, pagine visitate, click, ecc.

Attività a richiesta:

-Aggiornamenti.

Nessun costo nascosto ed assistenza garantita (per i primi 12 mesi).

Sito web dinamico

Sito web dinamico è un sito intuitivo, con alto impatto visivo e communicativo

€750,00

Sito web e-commerce

Distribuisce online i tuoi contenuti

Vende prodotti e servizi

Gestisce in autonomia il tuo business

Quando i visitatori del tuo sito web possono acquistare online i tuoi prodotti o servizi, questo si chiama e-commerce.

La mia offerta per un sito web e-commerce: tutti sanno che i negozi con vendita al dettaglio hanno una fondamentale importanza a prescindere da quello che si vende. Ci saranno sempre persone disposte a comprare prodotti o servizi. Ma un’attività del genere è sempre limitata alla sua posizione geografica. Se vuoi andare oltre e vendere a livello internazionale,  c’è una soluzione: –sito web e-commerce- è la risposta giusta.

Sito web e-commerce

Sito web e-commerce: tutti sanno che i negozi con vendita al dettaglio hanno una fondamentale importanza a prescindere da quello che si vende.

€1.475,00

Ischia nel cuore

 

Bombaaaa

 

 

Come essere un narratore sorprendente quando tutti sono un “narratore”!

I social media hanno cambiato la narazione.

L’aspetto positivo dei social media è che hanno dato voce a tutti. Il rovescio della medaglia dei social media è che hanno dato voce a tutti. Purtroppo, tra colore che improvvisamente erano dotati di piattaforme e voci erano i marketer. E gli adetti al marketing non hanno perso tempo a trasmettere, pubblicare, spingere, misurare. A un certo punto, siamo rimasti cosi coinvolti nel processo, calendari, numeri, che abbiamo perso la nostra storia, abbiamo perso il nostro pubblico, abbiamo perso il nostro scopo.

Il marketing dei contenuti è ancora marketing.

Lo sapevate che il 60% dei marketer non ha ancora una strategia di contenuti documentata? Il 63% afferma ancora che generare traffico  è una delle sfide principali. Tuttavia, il 73,6% degli operatori di marketing prevede di spendere di più per i contenuti nel prossimo anno. Troppi marketers non hanno idea di chi stanno cercando di raggiungere, cosa è importante per loro è perché. C’è una ragione per cui il 95% dei contenuti non riesce a connettersi con le persone. I contenuti sono più spesso progettati per essere “virali” invece che coinvolgenti, utili o empatici.

Non ci si limita a pubblicare contenuti.

Con i social media e i media digitali si ha una grande responsabilità e, a volte, una certa moderazione. Il contenuto è ora una merce. Oggi i social media non sono cosi sociali. Le persone sono ora marchi, mentre le marche cercano di essere persone. Ad essere onesti, le persone si stanno sintonizzando, dissociando e annullando. Sono troppo occupati a divertirsi e a seguire, a mettere in scena quello scatto perfetto, a colpire quella posa perfetta, a condividere quella citazione motivazionale perfetta e a vivere la loro vita migliore. Allora, come si fa a distinguersi in un mondo sempre acceso, “guardami”?

Il primo o il secondo schermo è mobile? Nessuno dei due. Potrebbe benissimo essere l’unica schermata.

I telefoni non sono più telefoni. I dispositivi mobili sono ora tutto. Sono appendici digitali. Sono finestre su mondi nuovi. Sono le linee di vita verso la rilevanza.
L’auto senso è l’auto realizzazione.
Domanda: “Quante volte tocchiamo i nostri telefoni?”
Risposta: 617 volte al giorno.
Secondo uno studio, le persone hanno intercettato, strisciato e cliccato in media 617 volte al giorno.
Il 10% degli utenti ha toccato il telefono di 427 volte al giorno.
Domanda: “Quante volte al giorno le persone utilizzano effettivamente il telefono, non solo i tocchi?”
Risposta: 76 sessioni al giorno per utenti medi .(*)
Il 10 % più alto ha registrato una media di 132 sessioni al giorno.
Sorgente: dscout, Michael Winnick
* solo studio per utenti Android, iPhone non incluso.

Benvenuti a teatro – breve intervallo di attenzione!

Il problema non può essere con il content marketing, giusto? Ha a che fare con la dipendenza delle persone ai loro telefoni cellulari e multi-tasking. Nessuno ha più un’attenzione, vero? Mi dispiace, cosa stavi dicendo? Sto solo scherzando! La verità è che, contrariamente alle notizie false, le campate di attenzione non solo il problema e nemmeno il multi-tasing. Le persone sono solo iper-focalizzate, in cerca di se stesse, dotate di poteri, sfuggenti e in grado di controllare le proprie esperienze. Le persone che contano non sono distratte, sono concentrate. Sono aperti a contenuti pertinenti al momento giusto, nel contesto giusto e nel formato giusto. Buone notizie!

La fallacia seguace, la trappola del traffico, la follia come la tempesta perfetta del sociale di direzione sbagliata

I venditori digitali stanno andando agli estremi per superare l’altro. Tutti vogliono condurre la campagna di cui tutti parlano online, in occasione di conferenze, libri, eccetera. Ma, invece di iperinvestire nel pubblico e nelle strategie pertinenti, abbiamo dato priorità alla quantità e misurato il nostro successo sulle metriche di vanità, come: traffico, opinioni, seguaci. Questi numeri ci allontanano dalle persone che contano per la nostra azienda. Dobbiamo invece misurare il valore che aggiungiamo ai momenti che contano. Iniziate con ciò che conta per i clienti e, naturalmene, per l’azienda. Altrimenti, poco importa nel lungo termine.

C’è troppo marketing per il content marketing.

Ironia della sorte, potremmo trovarci in una bolla filtro del marketing per il marketing dei contenuti. Gran parte di ciò che leggiamo, di ciò che sentiamo parlare alle conferenze e di ciò che vediamo celebrato online non è del tutto in relazione con il nostro lavoro. Mentre gran parte di esso è certamente degno di attenzione, il rapporto tra il vostro marchio e il pubblico è il vostro da costruire. È unico, o almeno si suppone che sia. Sebbene ci sia sempre un valore da imparare dai nostri colleghi, nulla ci dice di più su come avere successo che imparare dalle persone che contano per la nostra azienda, i nostri clienti e, in ultima analisi, su come renderli di successo con il loro pubblico.

Troppo spesso, il marketing dei contenuti non riguarda il pubblico, ma noi.

Avete notato che spesso create contenuti per le persone che approvano il vostro lavoro e non per coloro che hanno bisogno di ascoltare la nostra esperienza, le nostre lezioni e i nostri consigli.
L’avversione al rischio, la regolamentazione, la conformità e la legalità mettono la funzione in disfunzione. Non si tratta di un messaggio o di un marchio! Non possiamo dirlo! Non otterrà mai l’approvazione! Possiamo trovare tutte le ragioni per non cogliere nuove opportunità o per innovare. Ma, se si studiano i viaggi B2B, le preferenze e i comportamenti di acquisto, ci sono molte prove a sostegno della vostra causa. Lo sapevate che l’80% degli acquirenti B2B si aspetta la stessa esperienza di acquisto dei clienti B2C? I clienti B2B si aspettano le stesse esperienze personalizzate e senza soluzione di continuità per il cross-channel e il cross-device. Questo è esattamente il momento di aprire nuovi orizzonti. I vostri clienti hanno bisogno di voi.

Il vostro pubblico ha un pubblico. Parlate con loro e attraverso di loro.

Chiunque può creare contenuti che catturano l’attenzione, ma non tutti possono catturare qualcuno e costringerlo all’azione. Ognuno dei social media ha un proprio network; ora si sta coinvolgendo un pubblico con un pubblico di spettatori. Le storie rilevanti parlano con e attraverso le persone per connettersi e risuonare attraverso i grafici sociali. L’attenzione del nostro lavoro si sposta dalle impressioni alle espressioni in modo che possiate dare valore ai vostri clienti e, a loro volta, possano trasmetterlo alle loro reti. diventi valuta. diventi il nuovo virale. diventi la nuova esperienza. diventi la nuova esperienza. L’obiettivo è quello di parlare con e attraverso le persone e di costruire una comunità in cui il valore dell’appartenenza si misuri in come le persone si sentono e cosa possono fare in modo diverso come risultato del vostro impegno.

E i commercianti vivevano felici e contenti. . . o no.

“Se siete interessati a storie con lieto fine, sarebbe meglio leggere qualche altro libro”. Questa è la linea di apertura di “A Series of Unfortunate Events” di Lemony Snicket. Ha catturato la vostra attenzione non è vero? Sicuramente mi ha impresso un’impressione indimenticabile. C’è potere in una storia. La sfida è, come si sposta da marketer di contenuti a narratori legittimi e rendiamo la nostra storia coinvolgente, rilevante, utile, gradevole, credibile, desiderabile, aspirazionale. Bene, permettetemi di raccontarvi una storia . . .

Un grande momento avanti…

. . . quando il mondo è pieno di meraviglie, e la creatività e l’empatia sono celebrate . . . . C’era una volta un narratore fiorente che voleva affascinare i cuori e le menti di tutti. Purtroppo, questo aspirante narratore è stato inizialmente incontrato con grande resistenza, come tanti altri raconteurs speranza prima aveva rovinato il percorso avanti e sated una volta pronto pubblico. Da qui inizia la nostra storia. Per il mondo non poteva essere veramente incantato fino a quando la storia e il narratore avrebbe trovato un nuovo modo di procedere. Ma c’è speranza in un nuovo inizio. Ricordate, siete voi che potete riempire il mondo di sole.

Ognuno è un “narratore”, ma ci sono pochissime storie che vale la pena di seguire.

Non puoi semplicemente cambiare il tuo titolo in “narratore”. Mentre gli addetti al marketing dei contenuti sperano di connettersi al potere della storia, abbiamo prima bisogno di pensare un po’ più in profondità al dono che è l’attenzione umana e l’impegno. Devi guadagnarlo. “Non sei un [spiegatore rimosso] narratore”. Queste sono le parole di Stefan Sagmeister dello studio di design Sagmeister & Walsh da un’intervista ormai famigerata con Adweek. La narrazione è arte e scienza, è una danza. È ancora più difficile per le aziende, in quanto i dati sono necessari per sapere ciò che vogliono i clienti. Non è per tutti, ecco perché i grandi narratori diventano spesso icone culturali. Spielberg, Hemingway, Orwell, Grisham, Ogilvy, Bernbach, ecc. Che cosa è spaventoso è che il potere della storia e ha ben poco a che fare con il “marketing tradizionale”, ma che in realtà è una buona cosa.

Una buona storia è personale.

 Le storie accendono la nostra immaginazione. TED, il fornitore di “idee da diffondere”, crede che le storie affermino chi siamo e ci permettano di sperimentare le somiglianze tra noi e gli altri, reali o immaginabili. Le storie ci aiutano a dare un senso alla nostra vita.
Non esiste uno standard per la narrazione di storie. Ma ci sono dei pilastri comuni.

Avete una storia da vendere o da raccontare?

Le grandi storie hanno il potere di trasformare le nostre percezioni del mondo e il nostro posto in esso. Per iniziare, iniziare con le nozioni di base. Spesso gli esperti di marketing confondono la differenza tra narrazione e storia e tra storia e aneddoto. Queste sfumature contano solo se ti preoccupi del tuo pubblico, della loro esperienza e di ciò che accade dopo. Story è un racconto strutturato di persone ed eventi immaginari o reali. Comprende un’impostazione, una trama, caratteri e una sequenza di eventi. Narrative è una sequenza di eventi, organizzati in una storia. E’ la scelta di quali eventi raccontare e in quale ordine metterli in relazione, piuttosto che la storia stessa. Gli aneddoti illustrano un punto. Possono essere momenti, incidenti o lezioni divertenti, stimolanti, che cambiano la vita o tragiche.

L’arco della campagna di marketing è l’opposto di un

 arco di storia tradizionale.

Avete mai trascorso del tempo a studiare il classico arco di storie delle grandistorie? Seguono tutti lo stesso metodo fondazionale. All’inizio, la storia inizia e si costruisce come il protagonista persegue il loro obiettivo. Da qualche parte nel mezzo, l’aumento dei livelli fuori dove c’è un climax contro questo obiettivo.Verso la fine c’è ilsuccesso o il fallimentoe infine la denutrizione/ risoluzione e poi la fine.
L’arco della campagna di marketing è quasi il contrario. Bilancio. Creativo. Approvazione. Prep. Poi c’è il lancio! “EEEEEEEYYYYYYYYYY GUARDA QUI! Cercate!” e poi, “Aaaaand, abbiamo finito. ..”, come la campagna si esaurisce il tempo, il budget e le risorse.

Story board aiuta i narratori e le storie prendono vita.

All’inizio degli anni ’30, Walt Disney inventò la tecnica dello storyboarding per sviluppare il suo primo lungometraggio d’animazione: Biancaneve. Storyboarding gioca un ruolo fondamentale nello sviluppo, “conversazionalizzazione” e raffinare la storia, i personaggi, la credibilità complessiva, lo scopo e la risonanza. È un processo formale per avvicinarsi al pubblico, per sapere chi sono prima di coinvolgerlo. I grandi contenuti iniziano con grandi storie e le grandi storie iniziano con la sollecitudine e l’intenzione.
“L’arte come caso di studio?” Airbnb ha utilizzato il processo di storyboard per re-immaginare il suo marchio, la sua proposta di valore e le sue esperienze di ospite/ospite. Il team ha assunto Nick Sung, artista dello storyboard di Pixar, per visualizzare i momenti che compongono un soggiorno Airbnb dal punto di vista dell’ospite e dell’ospite. Hanno costruito il più importante di quei momenti nelle storie. Il processo ha dato vita a nuove prospettive e idee. È nato un nuovo Airbnb. . . dal marchio alle app e servizi per valorizzare le storie e la narrazione, fino alla creazione di una comunità per host e ospiti. Questi storyboard ora appendere in primo piano nel suo quartier generale.

Il pubblico è l’eroe del viaggio dell’eroe.

Storyboarding, narrazione, impegno, tutto inizia con il cliente al centro di tutto. Nel suo libro, L’eroe con mille volti, Joseph Campbell ci ha introdotto al mese più popolarmente conosciuto come “Il viaggio dell’eroe”. Christopher Vogler lo ha adattato per Hollywood come “The Twelve Stage Hero’s Journey” (Il viaggio degli eroi in dodici tappe). Gli sceneggiatori di tutto il mondo basato archi di personaggi sul nuovo “Viaggio di Eroe” in alcuni dei più alti film di incassi di Hollywood tra cui, Star Wars, Il mago di Oz, The Matrix e Harry Potter. Adattare il viaggio dell’eroe al tuo lavoro. In esso, l ‘”Eroe” è il vostro cliente. Pensate al viaggio dei vostri clienti e a come attraversano il loro mondo ogni giorno. Quali sfide devono affrontare? Che cosa chiedono? Dove vanno a trovare le risposte e come si presentano? Come si può aiutarli a diventare l’eroe nella loro storia? Usa queste risposte per ispirare le tue storie.

Il pubblico ha il controllo delle proprie esperienze e si svolge con o senza di te.

Le storie più avvincenti sono influenti. Lasciano un impatto e incitano all’azione.
Attraverso lo storyboarding, Airbnb ha imparato a conoscere le esigenze individuali, le aspettative e le aspirazioni del suo pubblico (ospitanti e ospiti). Per arrivarci, i marketer insieme ai narratori devono non solo imparare il “viaggio dell’eroe” del loro cliente, ma anche capire che cosa amano, di cui hanno bisogno, cercano, apprezzano e come prendono le decisioni. Ci sono sei tendenze di clienti che ogni marketer deve conoscere.
1. Il contenuto è momentaneo, a meno che non sia stato progettato diversamente.
2. Ogni articolo può essere ricercato e sarà ricercato.
3. I clienti collegati hanno grandi aspettative.
4. L’impazienza è ora una virtù.
5. I clienti si aspettano che le aziende li conoscano e personalizzino i contenuti e l’impegno.
6. Le persone ora si aspettano una serie di passi rapidi, integrati e intuitivi verso il risultato desiderato.

Usa le storie per intrattenere, coinvolgere, ma anche informare e guidare le persone.

Negli ultimi due anni la ricerca mobile del “migliore spazzolino da denti” è cresciuta di oltre il 100%. Non si ferma qui. Ombrelli (+140% in 2 anni) , tende doccia (+120%). Sia che si tratti di B2B o B2C, le persone cercano informazioni, insight ed esperienze tra pari. Google ha appreso in quelli che definisce “micro-momenti” che il 90% degli utenti di smartphone non è assolutamente sicuro del marchio specifico che desidera acquistare quando inizia a cercare informazioni online. Il 73% afferma che ottenere informazioni utili da un’azienda è l’attributo più importante quando si seleziona un marchio.
Secondo Nielsen, l’83% dei consumatori si fida delle raccomandazioni delle persone che conosce e il 66% delle altre opinioni dei consumatori pubblicate online. La fiducia è moneta. Noi lo cerchiamo. Lo guadagniamo. Noi lo spendiamo.

Le storie sono servite al meglio nei momenti e nei luoghi che contano.

Quando le persone ne hanno bisogno, sono aperte al “marketing” o cercano contenuti che le aiutino a compiere i loro passi successivi. Sapete cosa chiedono? Dove? Chi? Sapete cosa stanno trovando? Il tuo marchio/la tua attività fanno parte dei risultati? In caso negativo, chi sta guidando i prossimi passi? Che cosa apprezzano? Che cosa succederà? Questi sono i momenti che contano e accadono ogni minuto di ogni giorno. E servono da guida per aiutare a sviluppare strategie di contenuti proattivi, storie significative, utili e coinvolgenti e strategie di distribuzione per raggiungerli nei momenti e nei luoghi che contano. La tua ricompensa? Reciprocità.

ROI: Ritorno sull’innovazione!

Non è possibile evitare il ROI. È una buona cosa. È sempre necessario misurare i KPI che collegano i punti all’attività, naturalmente. La misurazione deve anche tenere traccia dell’impatto prodotto sui ruoli e sulla vita delle persone che si stanno cercando di raggiungere. Ciò significa che dovete sapere cosa muove l’ago con loro. Chiedete sempre a voi stessi:
1. La tua storia è significativa per il tuo eroe?
2. È utile?
3. Fornisce valore?
Poi misurare le cose che contano per loro e per la vostra azienda ogni passo del cammino.

Questa è la fine. . . il mio unico amico. . . la fine.

Vedete cosa abbiamo fatto lì? Abbiamo usato questa guida per dimostrare l’arte della narrazione. I vostri clienti non sono venditori. Sono umani. Bene, questo e sono incredibilmente collegati. Anche loro hanno scadenze, richieste e troppo poco tempo. Ma hanno anche bisogni, domande e avranno sempre bisogno di aiuto e guida. La narrazione è la nuova rilevanza e la rilevanza è il nuovo virale. La narrazione inizia con l’apprendimento dell’arte e della scienza della storia e del coinvolgimento del pubblico e non inizia con le classiche liste di controllo del marketing digitale, sociale, mobile o dei contenuti.
Come i clienti, anche i narratori, sono umani quando si diventa narratori digitali, si aiutano i clienti a diventare l’eroe nel loro viaggio e, così facendo, si diventa anche l’eroe nel tuo viaggio d’affari. La fine. . . o no.

Grandi storie riuniscono grandi persone!

La comunità è molto di più che appartenere a qualcosa; si tratta di fare qualcosa insieme che renda l’appartenenza importante!
Scritto da Brian Solis.
Brian Solis è un analista principale di Altimeter, una società Profeta. È anche un autore pluripremiato, blogger/scrittore di primo piano e oratore. Analista digitale, antropologo e futurista, Solis ha studiato e influenzato gli effetti delle tecnologie emergenti sul business, sul marketing e sulla cultura. Le sue ricerche e i suoi libri aiutano i leader a comprendere meglio il rapporto tra l’evoluzione della tecnologia e il suo impatto sul business e sulla società e anche il ruolo che ciascuno di noi svolge in essa. Solis aiuta anche marchi
leader, celebrità e startup a sviluppare nuove strategie di trasformazione digitale, cultura 2. 0 e innovazione e che consentono alle aziende di adattarsi dall’interno a nuovi mercati collegati.
@briansolis

Il mio lavoro

via Il mio lavoro

untitled

Solo per il mese di maggio:

for-me

 

Honda CBR 250RR, piccola peste

Agli stand del Tokyo Motorcycle Show 2018, tra le tante novità c’era anche lei, la Honda CBR250RR, una pungente sportiva a cui non manca nulla per poter essere leader nel settore delle piccole. In Giappone è già realtà (ed è in vendita a circa 5.800 euro) ma attualmente non è prevista l’importazione in Europa, anche se Honda latita in questo segmento che oggi è ricco di novità. Ma domani, chissà…

Due piccoli cilindri

BBKKZHZ

Cuore della piccola Honda CBR250RR è un bicilindrico in linea da circa 249 cc, 4 valvole per cilindro DOHC, raffreddamento a liquido, capace di 38 cv a 12.500 giri (!) e 23 Nm, per soli 26,7 km/l nel ciclo medio WMTC. Gli ingegneri giapponesi avevano le idee chiare su ciò che cercavano: renderlo compatto, tecnologicamente avanzato e dalla potenza specifica elevata. Obiettivi raggiunti attraverso soluzioni non banali, come la pompa dell’acqua che sfrutta il moto dell’albero a camme ed è posizionata nella testa del cilindro (come sulla RC213V, tanto per dirne una), l’acceleratore TBW (Throttle By Wire, che permette la selezione di tre diverse mappature: Comfort, Sport e Sport+), l’airbox posizionato in alto rispetto al motore e che permette di avere una bassa temperatura del flusso, lo scarico 2-1-2… Insomma con la piccola CBR250RR si è lavorato in grande.

Scheletro portante

BBKKOsE

La struttura principale della Honda CBR250RR è un traliccio in acciaio a diamante che abbraccia il piccolo motore. Ha quote estremamente compatte: cannotto inclinato di 24,3°, avancorsa di appena 92 mm, interasse 1.390 mm. Il peso è di 165 kg con il pieno. Le sospensioni comprendono una forcella a steli rovesciati Showa e un mono incernierato al forcellone – in alluminio – con schema Pro Link (a leveraggio progressivo). Completa il pacchetto l’estetica ricercata, con la sezione frontale estremamente aerodinamica e la fanaleria full LED. È disponibile anche in versione ABS e per sottolineare le sue intenzioni bellicose è stato pensato un kit dedicato ai pistaioli, che prevede pompa freno radiale, cerchi alleggeriti, gomme slick, regolazioni per la forcella e scarico Akrapovic.

                                                                                     *il mio prossimo acquisto :))

1

lo SPORT

Leggi anche L’importanza delle buone abitudini

L’attività fisica è fondamentale per la buona salute della schiena, perché in questo modo si rinforzano i muscoli che hanno il compito di sorreggere la colonna e devono, quindi, avere una buona flessibilità ed elasticità. Non solo. Lo sport ha una grande valenza preventiva sia per evitare che compaia il mal di schiena sia per mantenere i risultati che si ottengono dopo le cure, le manipolazioni e le terapie per alleviare i dolori localizzati. Più sport e movimento si riesce a fare, meno si soffrirà di cervicalgia e lombalgia, con un’unica accortezza: non praticare attività fisica o fare sforzi durante la fase acuta del mal di schiena, perché potrebbe peggiorare, vanificando le cure e cronicizzandolo.

Quale scegliere?

L’esercizio fisico ideale per mantenere la schiena in forma deve comprendere lo stretching, il lavoro aerobico e il rinforzo muscolare.

  • qualsiasi sport va bene, l’importante è che non si esageri con gli sforzi o con i sollevamenti di pesi eccessivi: quindi se si scelgono attività come il body building, il canottaggio o il golf è sempre neccessario un lavoro di preparazione atletica prima di iniziare;
  • lo stesso vale per tutte le discipline nelle quali la schiena subisce molti contraccolpi come il ciclismo, il tennis e le attività in cui si salta. Ciò che, però, va sottolineato è che qualsiasi attività fisica deve essere fatta con continuità e a cadenza regolare: non serve a nulla esercitarsi per una settimana tutti i igiorni e poi interrompere per un mese.

stretching

Prima di decidere valutare con l’istruttore

Se si opta per un allenamento in palestra e si soffre di mal di schiena è sempre meglio mettere al corrente il personal trainer del proprio disturbo.

  • in questo modo potrà mettere a punto una scheda personale, che escluda alcuni esercizi, come per esempio gli squat e il sollevamento dei pesi con il bilancere, e che prediliga lo stretching e le torsioni, oltre a tutti i movimenti che sciolgono la muscolatura e rafforzano le fasce addominali e dorsali;
  • per quanto riguarda i corsi sarebbe meglio evitare quelli in cui si salta (come lo step), perché si sottopone la schiena a continui contraccolpi. In questo caso un’eccezione potrebbe essere rappresentata dai tappeti elastici, che attutiscono l’impatto quando si atterra.

Il nuoto è l’attività ideale

Si tratta dell’unico sport che si fa in orizzontale e immersi nell’acqua: questo fa si che non si sottoponga il corpo al peso della testa e non si sovraccarichi la colonna. Inoltre, non si subiscono traumi o colpi e per questo è sicuramente l’attività ideale per chi ha mal di schiena.

Quale stile scegliere

Il dorso è ottimo per la lombalgia, ma non va particolarmente bene per l’ipercifosi (dorso curvo), metre lo stile libero è il migliore per ogni tipo di dolore, a meno che non si soffra di cervicalgia acuta.

  • lo stesso vale per la rana, che non è indicata se il problema riguarda collo e spalle, perché costringe a mantenere sollevata la testa e il collo in tensione.

Lo yoga scioglie le tensioni

Questa disciplina è un vero toccasana per la schiena sia da un punto di vista fisico sia mentale. Infatti, grazie alle numerose posizioni (asana) che si assumono, si riescono a scogliere le tensioni, si rafforza tutta la muscolatura e, in particolare, quella addominale, che è fondamentale per sorreggere la schiena e la testa nel modo corretto, evitando vizi di postura.

  • inoltre, lo yoga non si occupa soltanto del corpo, ma aiuta anche a tenere sotto controllo l’ansia e lo stress, due cause frequenti dei dolori all’altezza delle spalle e del collo;
  • tutto il lavoro fisico che si fa durante la lezione altro non è che uno strumento per raggiungere il rilassamento. Quest’ultimo costituisce gli ultimi 10-15 minuti della lezione e si effettua stando sdraiati per terra con gli occhi chiusi, mentre la voce dell’insegnante guida gli allievi in una meditazione, che consente di concentrarsi sul respiro lasciando da parte le preoccupazioni.

Ci sono moltissimi tipi di yoga e ognuno può scegliere quello che preferisce in base alla propria sensibilità e soprattutto all’affinità che ha con l’insegnante. Chiunque può praticarlo, indipendentemente dell’età e dalla forma fisica, ed è consigliato anche in gravidanza, periodo durante il quale può essere svolto modificando leggermente alcune posizioni.

Leggi anche Lo yoga della casa

lo yoga

Il Pilates, per migliorare la postura

Un’altra disciplina che viene consigliata dalla maggior parte dei medici a chi soffre di dolori alla schiena è il Pilates.

  • questo metodo nasce  proprio per migliorare la fluidità dei movimenti di tutto il corpo, prevenire e ridurre eventuali dolori fisici, allineare la colonna vertrebrale, migliorare la postura e rafforzare il centro del corpo (addominali, cosce, muscoli lombari e glutei) in modo tale da sorreggere al meglio la schiena;
  • il metodo tradizionale si avvale di appositi macchinari che, attraverso una serie di molle più o meno resistenti, aiutano a eseguire gli esercizi mantenendo sempre la postura corretta, ma si può svolgere anche a terra (mat work) utilizzando materassini, palle ed elastici.

Anche una camminata aiuta

La camminata è un’ottima soluzione per fare una leggera attività aerobica: l’importante è che si svolga in pianura, evitando quindi le psseggiate in montagna e le salite e che ci si regoli in base al proprio stato di allenamento.

  • ci vogliono soltanto 30 minuti al giorno per rendere più forti le ossa oltre ad abbassare i livelli di colesterolo, contrastare il diabete e mantenersi in linea;
  • non solo, sempre nel’ottica di contrastare lo stress come una delle cause del dolore alla schiena, camminare può avere effetti positivi anche sulla mente,
  • basta concentrarsi sul respiro e seguire la filosofia del “deep walking”, una tecnica che coniuga i benefici del camminare con la meditazione. Tutti possono cimentarsi in questa disciplina, perché basta scegliere un bel posto (possibilmente a contatto con la natura) e camminare.
  • l’obbiettivo è quello di cercare di isolarsi da tutto il resto e arrivare a non sentire nient’altro che i nostri pensieri. Come fare? Innanzitutto, imparando a non correre, ma a fare passi lunghi, lenti e sincronizzati con il proprio respiro.
  • è anche importante “svalorizzare” il senso della vista, guardare il meno possibile intorno, e tenere lo sguardo fisso nel vuoto, cosi da usare tutti gli altri sensi.

camminatasportiva

Marine Omega è un integratore alimentare ricco di acidi grassi omega-3, che contiene EPA (acido eicosapentaenoico) e DHA (acido docosaesaenoico), oltre a fornire 1200 mg al giorno di acidi grassi omega-3 con olio di krill e di pesce.

*20 capsule soft gel                                                                                  *euro 48.47

Peso netto 193g

marineomega

Dose giornaliera: prendere due (2) softgel due volte al giorno con cibo e acqua.

Ingredienti: Olio di pesce (21% acidi grassi omega-3), Softgel (Gelatina, Umidificanti: Glicerina, Aroma: Vanillina), Estratto lipidico del crostaceo krill antartico Euphausia superba, Antiossidante: Estratto ricco di tocoferolo.

Produttore/Importatore: fabbricato esclusivamente in Italia.

 

YouPol per non voltarsi dall’altra parte

Non giriamoci d’altra parte, facendo finta che è tutto a posto..!!

Gianluca Santoni Investigazioni

La tecnologia si mette a disposizione della società e nasce “ YouPol” una App ideata dalla polizia postale.

Per sconfiggere il bullismo e lo spaccio di droga.

Dal novembre scorso, è stato sperimentato a Catania, Milano e Roma con circa 300 segnalazioni.

Usarla è facilissimo basta scaricare l’applicazione sugli smarphone, e si può segnalare in qualsiasi momento anche in maniera anonima.

Può essere utilizzata anche dalle vittime stesse.

Grazie alla geolocalizzazione, che sfrutta il segnale Gps del telefono, le prove raccolte saranno automaticamente smistate. Le questure competenti per quel determinato territorio prenderanno immediatamente in carico il caso, cercando d’intervenire il prima possibile. Per la lotta al bullismo ogni materiale è utile, non solo video, ma anche segnalazioni scritte. Ad esempio, in caso di cyberbullismo, è utile inviare il link del sito incriminato o i post oggetto di molestie.

I giovani sono sempre più predisposti verso il verso web , dove si rivolgono in…

View original post 54 altre parole