{"id":1449,"date":"2010-04-26T18:51:05","date_gmt":"2010-04-26T16:51:05","guid":{"rendered":"https:\/\/www.artera.net\/it\/blog\/?p=1449"},"modified":"2023-02-27T14:58:46","modified_gmt":"2023-02-27T14:58:46","slug":"effetto-rollover-animato-con-mootools","status":"publish","type":"post","link":"https:\/\/www.artera.net\/it\/marketing\/effetto-rollover-animato-con-mootools\/","title":{"rendered":"Effetto rollover animato con Mootools"},"content":{"rendered":"<p><img decoding=\"async\" class=\"alignleft size-full wp-image-1463\" style=\"width: 130px; height: 130px; margin: 2px 10px 10px 0pt;\" title=\"Rollover con Mootools\" src=\"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/04\/rollover.png\" alt=\"rollover\" width=\"156\" height=\"156\" \/>Grazie alla miglior performance del motore <strong>Javascript<\/strong> che oggi i browser riescono a garantirci, <strong>effetti grafici<\/strong> che una volta erano impensabili e ottenibili esclusivamente con un Flash player, sono oggi a nostra disposizione con il buon vecchio HTML. La situazione, grazie all&#8221;avvento di <a href=\"https:\/\/www.artera.net\/it\/blog\/webdesign\/html5-da-dove-iniziare\">HTML 5<\/a>, <a href=\"https:\/\/www.artera.net\/it\/blog\/webdesign\/css3-e-html5-compatibilita-tra-browser\">CSS 3 <\/a>e sempre nuove funzionalit\u00e0 di JS, non pu\u00f2 che migliorare.<\/p>\n<h3>L&#8221;esigenza<\/h3>\n<p>Alessandro si \u00e8 innamorato di Cuf\u00f2n per l&#8221;introduzione di font non installati sui computer degli utenti. Si \u00e8 preferito cos\u00ec per non utilizzare immediatamente <a href=\"http:\/\/www.css3.info\/preview\/web-fonts-with-font-face\/\">font-face<\/a> vista la poca compatibilit\u00e0 tra i formati dei font.<\/p>\n<p>C&#8221;\u00e8 un problemino per\u00f2, usando Cuf\u00f2n, ad esempio su un menu, lo stato hover dei pulsanti non pu\u00f2 essere definito tramite una regola &#8220;a:hover&#8221;. A livello di accessibilit\u00e0 \u00e8 un po&#8221; limitante, ma lui ha <a title=\"I font sul web e cufon\" href=\"https:\/\/www.artera.net\/it\/blog\/webdesign\/i-font-sul-web-e-cufon\" target=\"_self\" rel=\"noopener noreferrer\">brillantemente risolto il problema<\/a>: definito un bottone, crea una copia con applicato lo stile grafico che gli aggrada e tramite un piccolo script JS, una volta che il mouse si sovrappone al pulsante, nasconde la copia originale e mostra quella con il nuovo stile.<\/p>\n<p style=\"text-align: center;\"><img fetchpriority=\"high\" decoding=\"async\" class=\"size-full wp-image-1455 aligncenter\" title=\"Effetto rollover con mootools\" src=\"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/04\/rollover-explained.png\" alt=\"rollover-explained\" width=\"590\" height=\"188\" \/><\/p>\n<h3>Andiamo un po&#8221; oltre<\/h3>\n<p>Mi sono perci\u00f2 chiesto, per quale motivo non creare un simpatico effetto sfruttando il problema? Con un pizzico di Mootools \u00e8 fatta! Cos\u00ec ho creato una piccola classe per estendere il bottone&#8230; et voil\u00e0! Cominciamo con l&#8221;html:<\/p>\n<pre><a href=\"#\">Home<\/a>\r\n<a href=\"#\">Prodotti<\/a>\r\n<a href=\"#\">Contatti<\/a>\r\n<a href=\"#\">Info<\/a><\/pre>\n<p>Come vediamo \u00e8 una semplice lista di elementi, ovviamente poteva essere circondata da un elemento UL come un tipico menu, o se vogliamo essere HTML5 &#8220;orientend&#8221;, un elemento <a href=\"http:\/\/html5doctor.com\/nav-element\/\">NAV<\/a>. Allo stesso modo ogni link avrebbe potuto contenere degli elementi The goal of any Ultra Mask One Hour Cleansing Formula program\u00a0should\u00a0be to support your body in naturally cleansing itself of substances that create negative health effects\u2014and that\u2019s exactly what\u00a0The 21-Day Sugar Detox\u00a0does. <a href=\"https:\/\/developer.mozilla.org\/en\/Canvas_tutorial\">CANVAS<\/a> creati tramite Cuf\u00f2n: noi ci accontentiamo di normale testo.<\/p>\n<p>Una volta attivato il codice, il contenuto dei link verr\u00e0 circondato da un elemento <em>span<\/em>, che verr\u00e0 successivamente duplicato. Al clone verr\u00e0 aggiunta una classe per distinguerlo in modo da poterli modificare entrambi tramite CSS.<\/p>\n<p>Questo non \u00e8 l&#8221;unico accorgimento di stile: tutti gli elementi dovranno essere definiti come <em>&#8220;block&#8221; element<\/em> e dovremo esplicitare la loro altezza. Per rendere pi\u00f9 interessante l&#8221;effetto \u00e8 bene aggiungere qualche piccolo cambio di colore o abbellimento:<\/p>\n<pre>a {\r\n display:block;\r\n overflow:hidden;\r\n float:left;\r\n height:30px;\r\n line-height:30px;\r\n font-family:Verdana;\r\n color:#000;\r\n background:;\r\n font-size:14px;\r\n text-decoration:none;\r\n text-align:center;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n -webkit-border-radius:5px;\r\n background:#ccc;\r\n margin-right:10px;\r\n}\r\na span{\r\n padding:0 10px;\r\n display:block;\r\n background:#ccc;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n -webkit-border-radius:5px;\r\n}\r\na span.rollover-mirror{\r\n background:#aaa;\r\n color:#fff;\r\n text-shadow:0 0px 10px #fff;\r\n}<\/pre>\n<p>Ed ecco il JS commentato con la demo. In poche parole duplichiamo il contenuto del link in un nuovo elemento e all&#8221;ingresso del mouse sul pulsante animiamo il valore del margine del contenuto originale spostandolo pi\u00f9 in alto e mostrando il contenuto del clone con applicato un nuovo stile.<\/p>\n<p>[iframe src=&#8221;\/\/mootools.net\/shell\/yJSah\/6\/embedded&#8221;]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Grazie alla miglior performance del motore Javascript che oggi i browser riescono a garantirci, effetti grafici che una volta erano impensabili e ottenibili esclusivamente con un Flash player, sono oggi a nostra disposizione con il buon vecchio HTML. La situazione, grazie all&#8221;avvento di HTML 5, CSS 3 e sempre nuove funzionalit\u00e0 di JS, non pu\u00f2 che migliorare.<\/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],"tags":[85,69,67,106,86,66],"class_list":["post-1449","post","type-post","status-publish","format-standard","hentry","category-marketing","tag-animazioni-web","tag-css3","tag-cufon","tag-html5","tag-mootools","tag-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u2022 Effetto rollover animato con Mootools - Artera<\/title>\n<meta name=\"description\" content=\"Leggi dal blog: Effetto rollover animato con Mootools. 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\/marketing\/effetto-rollover-animato-con-mootools\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u2022 Effetto rollover animato con Mootools - Artera\" \/>\n<meta property=\"og:description\" content=\"Leggi dal blog: Effetto rollover animato con Mootools. 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\/marketing\/effetto-rollover-animato-con-mootools\/\" \/>\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=\"2010-04-26T16:51:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-27T14:58:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/04\/rollover.png\" \/>\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=\"2 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/effetto-rollover-animato-con-mootools\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/effetto-rollover-animato-con-mootools\\\/\"},\"author\":{\"name\":\"Sergio Ravera\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/person\\\/48ffb6b3727677643fbfd3ecf0a10aa0\"},\"headline\":\"Effetto rollover animato con Mootools\",\"datePublished\":\"2010-04-26T16:51:05+00:00\",\"dateModified\":\"2023-02-27T14:58:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/effetto-rollover-animato-con-mootools\\\/\"},\"wordCount\":434,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/effetto-rollover-animato-con-mootools\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2010\\\/04\\\/rollover.png\",\"keywords\":[\"animazioni web\",\"CSS3\",\"cufon\",\"html5\",\"mootools\",\"web design\"],\"articleSection\":[\"Marketing\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/effetto-rollover-animato-con-mootools\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/effetto-rollover-animato-con-mootools\\\/\",\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/effetto-rollover-animato-con-mootools\\\/\",\"name\":\"\u2022 Effetto rollover animato con Mootools - Artera\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/effetto-rollover-animato-con-mootools\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/effetto-rollover-animato-con-mootools\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2010\\\/04\\\/rollover.png\",\"datePublished\":\"2010-04-26T16:51:05+00:00\",\"dateModified\":\"2023-02-27T14:58:46+00:00\",\"description\":\"Leggi dal blog: Effetto rollover animato con Mootools. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/effetto-rollover-animato-con-mootools\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/effetto-rollover-animato-con-mootools\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/effetto-rollover-animato-con-mootools\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2010\\\/04\\\/rollover.png\",\"contentUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2010\\\/04\\\/rollover.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/effetto-rollover-animato-con-mootools\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.artera.net\\\/it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Effetto rollover animato con Mootools\"}]},{\"@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 rollover animato con Mootools - Artera","description":"Leggi dal blog: Effetto rollover animato con Mootools. 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\/marketing\/effetto-rollover-animato-con-mootools\/","og_locale":"it_IT","og_type":"article","og_title":"\u2022 Effetto rollover animato con Mootools - Artera","og_description":"Leggi dal blog: Effetto rollover animato con Mootools. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.","og_url":"https:\/\/www.artera.net\/it\/marketing\/effetto-rollover-animato-con-mootools\/","og_site_name":"Artera","article_publisher":"https:\/\/www.facebook.com\/artera.net\/","article_published_time":"2010-04-26T16:51:05+00:00","article_modified_time":"2023-02-27T14:58:46+00:00","og_image":[{"url":"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/04\/rollover.png","type":"","width":"","height":""}],"author":"Sergio Ravera","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"Sergio Ravera","Tempo di lettura stimato":"2 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.artera.net\/it\/marketing\/effetto-rollover-animato-con-mootools\/#article","isPartOf":{"@id":"https:\/\/www.artera.net\/it\/marketing\/effetto-rollover-animato-con-mootools\/"},"author":{"name":"Sergio Ravera","@id":"https:\/\/www.artera.net\/it\/#\/schema\/person\/48ffb6b3727677643fbfd3ecf0a10aa0"},"headline":"Effetto rollover animato con Mootools","datePublished":"2010-04-26T16:51:05+00:00","dateModified":"2023-02-27T14:58:46+00:00","mainEntityOfPage":{"@id":"https:\/\/www.artera.net\/it\/marketing\/effetto-rollover-animato-con-mootools\/"},"wordCount":434,"commentCount":0,"publisher":{"@id":"https:\/\/www.artera.net\/it\/#organization"},"image":{"@id":"https:\/\/www.artera.net\/it\/marketing\/effetto-rollover-animato-con-mootools\/#primaryimage"},"thumbnailUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/04\/rollover.png","keywords":["animazioni web","CSS3","cufon","html5","mootools","web design"],"articleSection":["Marketing"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.artera.net\/it\/marketing\/effetto-rollover-animato-con-mootools\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.artera.net\/it\/marketing\/effetto-rollover-animato-con-mootools\/","url":"https:\/\/www.artera.net\/it\/marketing\/effetto-rollover-animato-con-mootools\/","name":"\u2022 Effetto rollover animato con Mootools - Artera","isPartOf":{"@id":"https:\/\/www.artera.net\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.artera.net\/it\/marketing\/effetto-rollover-animato-con-mootools\/#primaryimage"},"image":{"@id":"https:\/\/www.artera.net\/it\/marketing\/effetto-rollover-animato-con-mootools\/#primaryimage"},"thumbnailUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/04\/rollover.png","datePublished":"2010-04-26T16:51:05+00:00","dateModified":"2023-02-27T14:58:46+00:00","description":"Leggi dal blog: Effetto rollover animato con Mootools. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.","breadcrumb":{"@id":"https:\/\/www.artera.net\/it\/marketing\/effetto-rollover-animato-con-mootools\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.artera.net\/it\/marketing\/effetto-rollover-animato-con-mootools\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.artera.net\/it\/marketing\/effetto-rollover-animato-con-mootools\/#primaryimage","url":"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/04\/rollover.png","contentUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/04\/rollover.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.artera.net\/it\/marketing\/effetto-rollover-animato-con-mootools\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.artera.net\/it\/"},{"@type":"ListItem","position":2,"name":"Effetto rollover animato con Mootools"}]},{"@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\/1449","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=1449"}],"version-history":[{"count":8,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/1449\/revisions"}],"predecessor-version":[{"id":227157,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/1449\/revisions\/227157"}],"wp:attachment":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/media?parent=1449"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/categories?post=1449"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/tags?post=1449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}