{"id":5984,"date":"2011-01-07T14:52:28","date_gmt":"2011-01-07T13:52:28","guid":{"rendered":"https:\/\/www.artera.net\/it\/blog\/?p=5984"},"modified":"2023-02-27T14:51:23","modified_gmt":"2023-02-27T14:51:23","slug":"effetto-plasma-anni-60-nelle-nostre-pagine-web","status":"publish","type":"post","link":"https:\/\/www.artera.net\/it\/sviluppo\/effetto-plasma-anni-60-nelle-nostre-pagine-web\/","title":{"rendered":"Effetto plasma anni 60 nelle nostre pagine web"},"content":{"rendered":"

\"title_03\"Come nelle precedenti vacanze estive dove ho giocato con l’elemento canvas<\/a> per creare un effetto demo old-school<\/a>, anche per questo periodo di feste che, ahim\u00e8, per il sottoscritto feste non sono affatto state, ho volute rifarmi con un secondo effetto grafico classico che visualizzi i mostri che la mia ragione<\/a> ha creato dopo la 48 ore Natale-Santo Stefano a tavola.<\/p>\n

Sto parlando del cosiddetto plasma effect. Si tratta di un classico della computer grafica<\/strong> che ancora non ho visto implementato con canvas, il che \u00e8 di per s\u00e8 un sacrilegio. Ma al di l\u00e0 di questa disquisizione puramente personale vorrei passare ai fatti e dimostrare che in qualche modo canvas pu\u00f2 essere usato a fini decorativi <\/strong>come si pu\u00f2 vedere nell’esempio finale animato per creare titoli ad effetto. Qui di seguito uno screenshot:<\/p>\n

\"banner\"<\/p>\n

Non essendo affatto un genio matematico mi sono basato su implementazioni di altri programmatori ben pi\u00f9 esperti di me portando il codice in Javascript. Chiss\u00e0 che a furia di leggere codice degli altri riesca a prendere dimestichezza su certe cose.<\/p>\n

Implementazione teorica<\/h3>\n

Come per il precedente esempio anche in questo caso si tratta basilarmente di lanciare una funzione che “spazzoli”<\/em> il nostro canvas creando proceduralmente (ovvero calcolati matematicamente) tutti i punti della nuova immagine. Ovvero prendiamo ogni punto dell’immagine e gli assegnamo un colore, per approfondimento su come accedere ai pixel rimando all’articolo di Mozilla Hack<\/a>.<\/p>\n

\"perlin_noise_coherent1\"L’effetto plasma a grandi linea si basa sul calcolo dei colori di ogni pixel <\/strong>in base ad una funzione di rumore generata dalla somma di diverse curve<\/strong>. Informandomi da profano sull’argomento, questo genere di rumore \u00e8 chiamato Perlin Noise che per chi ha dimestichezza di computer grafica la si incrocia spesso nella generazione delle texture in 3D.<\/p>\n

Come tutti ci ricordiamo <\/em>dai nostri studi di trigonometria, una sinusoide \u00e8 una curva che va da -1 a 1<\/a> in un determinato periodo <\/strong>di tempo. Perci\u00f2 se agli estremi mettiamo invece di -1 e 1, i valori 0 e 255<\/strong> abbiamo un parametro che varia il suo valore da 0 a 255 a seconda del momento in cui lo leggiamo, il che se applicato ad uno dei canali RGB, crea un gradiente ripetuto<\/strong>.<\/p>\n

Se poi mentre avanziamo variamo la frequenza della sinusoide<\/strong>, il nostro gradiente comincia ad avere una aspetto meno ripetitivo<\/strong>. Infine se calcoliamo R, G e B con parametri differenti<\/strong> l’uno dall’altro a frequenze differenti<\/strong>, creiamo un bel casino<\/strong> che \u00e8 proprio quello che vogliamo fare!.<\/p>\n

\"noise\"<\/p>\n

Ovviamente se la trasformazione viene legata alla posizione di x e di y <\/strong>l’effetto prende una forma bidimensionale <\/strong>pi\u00f9 o meno a macchie. Continuando a ripetere pi\u00f9 volte al secondo l’operazione incrementando il valore che indica il tempo passato, abbiamo il nostro effetto plasma.<\/p>\n

Javascript<\/h3>\n

A livello di implementazione in Javascript avevo paura che come per l’effetto fuoco<\/a>, il tutto risultazze di una lentezza esasperante. Fortunatamente in questo caso il valore dei colori non \u00e8 legato al valore precedente del canvas cos\u00ec che non dobbiamo leggere il valore del pixel<\/strong> da computare ma solamente calcolare il valore nella determinata posizione. Ci evitiamo <\/strong>in questo modo quella che sembra l’operazione pi\u00f9 dispendiosa del canvas<\/strong>, ovvero l’accesso all’array dei pixel in lettura <\/a>(ricordiamo che si tratta di un array monodimensionale).<\/p>\n

Comunque sia, onde evitare sorprese mi sono premurato<\/strong>, per prima cosa di evitare l’accesso diretto all’array <\/strong>dei pixel facendone una copia (come da commento di Massimiliano nell’articolo scorso<\/a>) e riassegnandolo prima di aggiornare il canvas:<\/p>\n

var bufferData = buffer.data;\r\n\r\n\/\/... manipoalazione dell'array bufferData \/\/\r\n\r\nbuffer.data = bufferData;\r\nb.putImageData(buffer, 0, 0);<\/pre>\n
Secondariamente invece di disegnare su un canvas di grandi dimensioni<\/strong>, utilizzo un canvas secondario <\/strong>nascosto come buffer di dimensioni molto pi\u00f9 piccole <\/strong>ma proporzionali. Una volta calcolato il nuovo frame ingrandisco il risultato copiandolo nel canvas pi\u00f9 grande<\/strong>. Essendo la copia una operazione relativamente veloce<\/strong>, ho lavorato su un numero esiguo di pixel “spalmando” <\/em>il risultato su una superficie pi\u00f9 grande:<\/p>\n
\/\/ buffer: width = 10, height = 10\r\n\/\/ canvas: width = 300, height = 300\r\n\r\n\/\/ manipolazione del buffer (vedi sopra)\r\n\r\nb.putImageData(buffer, 0, 0);\r\n\r\n\/\/ copia del buffer ne canvas\r\nc.drawImage(buffCanvas, 0, 0, width, height);<\/pre>\n
Per fare pi\u00f9 scena ed ingrandire ulteriormente l’area del canvas, ho voluto integrare una specie di effetto caleidoscopio<\/a>. Invece di copiare l’immagine una volta l’ho copiata 4 volte facendo un flip della stessa sull’asse centrale<\/strong> con un effetto un po’ “video anni ’60”.<\/p>\n
Il tocco dell’artista panciuto<\/h3>\n
Ora che abbiamo il nostro sogno psichedelico al plasma nel canvas. Cosa ci possiamo fare? Per farla veloce: ho creato una png bucata in Photoshop<\/strong> mettendoci un po’ di fantasia ispirata dalla mia situazione mangereccia e tramite un CSS l’ho posizionata al di sopra del canvas <\/strong>stesso mascherandolo (avrei potuto farlo attraverso javascript con effetti ancora pi\u00f9 strabilianti, ma a voi l’implementazione).<\/p>\n
Ed ecco quello che potrebbe essere il titolo del nostro prossimo post dedicato alla generazione freak e all’acido lisergico da panettone. A voi l’esempio dove potete togliere e mettere la maschera. Nel sorgente pagina c’\u00e8 il codice completo.<\/p>\n","protected":false},"excerpt":{"rendered":"
\"title_03\"Come nelle precedenti vacanze estive dove ho giocato con l’elemento canvas<\/a> per creare un effetto demo old-school<\/a>, anche per questo periodo di feste che, ahim\u00e8, per il sottoscritto feste non sono affatto state, ho volute rifarmi con un secondo effetto grafico classico che visualizzi i mostri che la mia ragione<\/a> ha creato dopo la 48 ore Natale-Santo Stefano a tavola.<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[300,108],"tags":[85,122,125,106,96],"class_list":["post-5984","post","type-post","status-publish","format-standard","hentry","category-marketing","category-sviluppo","tag-animazioni-web","tag-canvas","tag-disegnare-su-web","tag-html5","tag-javascript"],"yoast_head":"\n\u2022 Effetto plasma anni 60 nelle nostre pagine web - Artera<\/title>\n<meta name=\"description\" content=\"Leggi dal blog: Effetto plasma anni 60 nelle nostre pagine web. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.artera.net\/it\/sviluppo\/effetto-plasma-anni-60-nelle-nostre-pagine-web\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u2022 Effetto plasma anni 60 nelle nostre pagine web - Artera\" \/>\n<meta property=\"og:description\" content=\"Leggi dal blog: Effetto plasma anni 60 nelle nostre pagine web. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.artera.net\/it\/sviluppo\/effetto-plasma-anni-60-nelle-nostre-pagine-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Artera\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/artera.net\/\" \/>\n<meta property=\"article:published_time\" content=\"2011-01-07T13:52:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-27T14:51:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.artera.net\/wp-content\/uploads\/2011\/01\/title_03.jpg\" \/>\n<meta name=\"author\" content=\"Sergio Ravera\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sergio Ravera\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/effetto-plasma-anni-60-nelle-nostre-pagine-web\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/effetto-plasma-anni-60-nelle-nostre-pagine-web\\\/\"},\"author\":{\"name\":\"Sergio Ravera\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/person\\\/48ffb6b3727677643fbfd3ecf0a10aa0\"},\"headline\":\"Effetto plasma anni 60 nelle nostre pagine web\",\"datePublished\":\"2011-01-07T13:52:28+00:00\",\"dateModified\":\"2023-02-27T14:51:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/effetto-plasma-anni-60-nelle-nostre-pagine-web\\\/\"},\"wordCount\":795,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/effetto-plasma-anni-60-nelle-nostre-pagine-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2011\\\/01\\\/title_03.jpg\",\"keywords\":[\"animazioni web\",\"canvas\",\"disegnare su web\",\"html5\",\"javascript\"],\"articleSection\":[\"Marketing\",\"Sviluppo\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/effetto-plasma-anni-60-nelle-nostre-pagine-web\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/effetto-plasma-anni-60-nelle-nostre-pagine-web\\\/\",\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/effetto-plasma-anni-60-nelle-nostre-pagine-web\\\/\",\"name\":\"\u2022 Effetto plasma anni 60 nelle nostre pagine web - Artera\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/effetto-plasma-anni-60-nelle-nostre-pagine-web\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/effetto-plasma-anni-60-nelle-nostre-pagine-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2011\\\/01\\\/title_03.jpg\",\"datePublished\":\"2011-01-07T13:52:28+00:00\",\"dateModified\":\"2023-02-27T14:51:23+00:00\",\"description\":\"Leggi dal blog: Effetto plasma anni 60 nelle nostre pagine web. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/effetto-plasma-anni-60-nelle-nostre-pagine-web\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/effetto-plasma-anni-60-nelle-nostre-pagine-web\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/effetto-plasma-anni-60-nelle-nostre-pagine-web\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2011\\\/01\\\/title_03.jpg\",\"contentUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2011\\\/01\\\/title_03.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/effetto-plasma-anni-60-nelle-nostre-pagine-web\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.artera.net\\\/it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Effetto plasma anni 60 nelle nostre pagine web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#website\",\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/\",\"name\":\"Artera\",\"description\":\"Swiss Premium Hosting\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.artera.net\\\/it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#organization\",\"name\":\"Artera\",\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/artera-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/artera-logo.png\",\"width\":300,\"height\":77,\"caption\":\"Artera\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/artera.net\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/artera\\\/\",\"https:\\\/\\\/www.instagram.com\\\/artera_swiss\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/person\\\/48ffb6b3727677643fbfd3ecf0a10aa0\",\"name\":\"Sergio Ravera\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g\",\"caption\":\"Sergio Ravera\"},\"description\":\"Raised in a family tradition of merchants, my entrepreneurial spirit drove me to launch my first e-commerce venture in 1998. My vision and dedication led, in 2002, to the founding of Artera, now a leading brand in premium managed cloud hosting services. As Chief Executive Officer, I lead DHH Switzerland SA, part of the international DHH S.p.A. group, listed on the Milan Stock Exchange with the reference code (AIM \u2013 ISIN: IT0005203622). It is under this brand that the Artera brand continues to grow and thrive. In addition to my commitment to the business world, I am an active researcher in the field of new technologies, always fascinated by cutting-edge innovations in the industry.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/sergioravera\\\/\"],\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/author\\\/sergio-ravera\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u2022 Effetto plasma anni 60 nelle nostre pagine web - Artera","description":"Leggi dal blog: Effetto plasma anni 60 nelle nostre pagine web. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.artera.net\/it\/sviluppo\/effetto-plasma-anni-60-nelle-nostre-pagine-web\/","og_locale":"it_IT","og_type":"article","og_title":"\u2022 Effetto plasma anni 60 nelle nostre pagine web - Artera","og_description":"Leggi dal blog: Effetto plasma anni 60 nelle nostre pagine web. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.","og_url":"https:\/\/www.artera.net\/it\/sviluppo\/effetto-plasma-anni-60-nelle-nostre-pagine-web\/","og_site_name":"Artera","article_publisher":"https:\/\/www.facebook.com\/artera.net\/","article_published_time":"2011-01-07T13:52:28+00:00","article_modified_time":"2023-02-27T14:51:23+00:00","og_image":[{"url":"https:\/\/www.artera.net\/wp-content\/uploads\/2011\/01\/title_03.jpg","type":"","width":"","height":""}],"author":"Sergio Ravera","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"Sergio Ravera","Tempo di lettura stimato":"4 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.artera.net\/it\/sviluppo\/effetto-plasma-anni-60-nelle-nostre-pagine-web\/#article","isPartOf":{"@id":"https:\/\/www.artera.net\/it\/sviluppo\/effetto-plasma-anni-60-nelle-nostre-pagine-web\/"},"author":{"name":"Sergio Ravera","@id":"https:\/\/www.artera.net\/it\/#\/schema\/person\/48ffb6b3727677643fbfd3ecf0a10aa0"},"headline":"Effetto plasma anni 60 nelle nostre pagine web","datePublished":"2011-01-07T13:52:28+00:00","dateModified":"2023-02-27T14:51:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.artera.net\/it\/sviluppo\/effetto-plasma-anni-60-nelle-nostre-pagine-web\/"},"wordCount":795,"commentCount":0,"publisher":{"@id":"https:\/\/www.artera.net\/it\/#organization"},"image":{"@id":"https:\/\/www.artera.net\/it\/sviluppo\/effetto-plasma-anni-60-nelle-nostre-pagine-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2011\/01\/title_03.jpg","keywords":["animazioni web","canvas","disegnare su web","html5","javascript"],"articleSection":["Marketing","Sviluppo"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.artera.net\/it\/sviluppo\/effetto-plasma-anni-60-nelle-nostre-pagine-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.artera.net\/it\/sviluppo\/effetto-plasma-anni-60-nelle-nostre-pagine-web\/","url":"https:\/\/www.artera.net\/it\/sviluppo\/effetto-plasma-anni-60-nelle-nostre-pagine-web\/","name":"\u2022 Effetto plasma anni 60 nelle nostre pagine web - Artera","isPartOf":{"@id":"https:\/\/www.artera.net\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.artera.net\/it\/sviluppo\/effetto-plasma-anni-60-nelle-nostre-pagine-web\/#primaryimage"},"image":{"@id":"https:\/\/www.artera.net\/it\/sviluppo\/effetto-plasma-anni-60-nelle-nostre-pagine-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2011\/01\/title_03.jpg","datePublished":"2011-01-07T13:52:28+00:00","dateModified":"2023-02-27T14:51:23+00:00","description":"Leggi dal blog: Effetto plasma anni 60 nelle nostre pagine web. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.","breadcrumb":{"@id":"https:\/\/www.artera.net\/it\/sviluppo\/effetto-plasma-anni-60-nelle-nostre-pagine-web\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.artera.net\/it\/sviluppo\/effetto-plasma-anni-60-nelle-nostre-pagine-web\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.artera.net\/it\/sviluppo\/effetto-plasma-anni-60-nelle-nostre-pagine-web\/#primaryimage","url":"https:\/\/www.artera.net\/wp-content\/uploads\/2011\/01\/title_03.jpg","contentUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2011\/01\/title_03.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.artera.net\/it\/sviluppo\/effetto-plasma-anni-60-nelle-nostre-pagine-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.artera.net\/it\/"},{"@type":"ListItem","position":2,"name":"Effetto plasma anni 60 nelle nostre pagine web"}]},{"@type":"WebSite","@id":"https:\/\/www.artera.net\/it\/#website","url":"https:\/\/www.artera.net\/it\/","name":"Artera","description":"Swiss Premium Hosting","publisher":{"@id":"https:\/\/www.artera.net\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.artera.net\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/www.artera.net\/it\/#organization","name":"Artera","url":"https:\/\/www.artera.net\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.artera.net\/it\/#\/schema\/logo\/image\/","url":"https:\/\/www.artera.net\/wp-content\/uploads\/2019\/09\/artera-logo.png","contentUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2019\/09\/artera-logo.png","width":300,"height":77,"caption":"Artera"},"image":{"@id":"https:\/\/www.artera.net\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/artera.net\/","https:\/\/www.linkedin.com\/company\/artera\/","https:\/\/www.instagram.com\/artera_swiss\/"]},{"@type":"Person","@id":"https:\/\/www.artera.net\/it\/#\/schema\/person\/48ffb6b3727677643fbfd3ecf0a10aa0","name":"Sergio Ravera","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g","caption":"Sergio Ravera"},"description":"Raised in a family tradition of merchants, my entrepreneurial spirit drove me to launch my first e-commerce venture in 1998. My vision and dedication led, in 2002, to the founding of Artera, now a leading brand in premium managed cloud hosting services. As Chief Executive Officer, I lead DHH Switzerland SA, part of the international DHH S.p.A. group, listed on the Milan Stock Exchange with the reference code (AIM \u2013 ISIN: IT0005203622). It is under this brand that the Artera brand continues to grow and thrive. In addition to my commitment to the business world, I am an active researcher in the field of new technologies, always fascinated by cutting-edge innovations in the industry.","sameAs":["https:\/\/www.linkedin.com\/in\/sergioravera\/"],"url":"https:\/\/www.artera.net\/it\/author\/sergio-ravera\/"}]}},"_links":{"self":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/5984","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/comments?post=5984"}],"version-history":[{"count":1,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/5984\/revisions"}],"predecessor-version":[{"id":234077,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/5984\/revisions\/234077"}],"wp:attachment":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/media?parent=5984"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/categories?post=5984"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/tags?post=5984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}