{"id":6270,"date":"2011-01-31T19:04:08","date_gmt":"2011-01-31T18:04:08","guid":{"rendered":"https:\/\/www.artera.net\/it\/blog\/?p=6270"},"modified":"2023-02-27T14:51:12","modified_gmt":"2023-02-27T14:51:12","slug":"9-slices-scaling-sfondi-ridimensionabili-con-i-css3","status":"publish","type":"post","link":"https:\/\/www.artera.net\/it\/marketing\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\/","title":{"rendered":"9 Slices Scaling. Sfondi ridimensionabili con i CSS3"},"content":{"rendered":"

\"title\"Oggi vorrei fare un po’ di pratica e qualche esperimento riguardante background-image<\/a> e la sua applicazione con immagini multiple.<\/p>\n

Mi piacerebbe avere un elemento che possa essere allungato e allargato <\/strong>nel suo contenuto senza accrocchi particolari o limitazioni, senza scomodare Javascript e di facile implementazione. Piacerebbe molto di pi\u00f9 a qualche mio collega che si ritrova sempre a dovere ritagliare l’immagine tutte le volte che c’\u00e8 una modifica dell’ultimo momento.<\/p>\n

Avevo gi\u00e0 trattato l’argomento degli elementi grafici ridimensionabili<\/a> trovando una soluzione parziale <\/strong>che aggiungeva pseudo elementi al DOM tramite :before e :after<\/strong> e posizionamenti vari. Una soluzione che mi ha dato poche soddisfazioni e che mi lascia col sapore del baro in bocca. Non mi piace.<\/p>\n

Quello che ci vuole davvero, non giriamoci intorno, \u00e8 la possibilit\u00e0 di inserire e posizionare come sfondo al nostro elemento pi\u00f9 di una immagine<\/strong> a gestirla indipendentemente dalle altre.<\/p>\n

Come? Che dite? Esiste gi\u00e0? <\/strong>Ok, per la verit\u00e0 tutto questo non \u00e8 una novit\u00e0, \u00e8 li da tempo, ma ahim\u00e8 un nemico \u00e8 costantemente aggrappato alle mie spalle… Internet Explorer. Questo malefico affare non supporta le propriet\u00e0 CSS3 che sto per usare<\/a>, rettifico, IE oggi non supporta quasi niente <\/strong>di CSS3 e vista e la mancanza di applicazione pratica la mia pigrizia ha sempre avuto il sopravvento sulla curiosit\u00e0.<\/p>\n

Stiamo parlando in particolare delle propriet\u00e0 legate a background-* (background-image<\/a>, background-size<\/a>, background-position<\/a>, ecc.) che permettono la definizione, non pi\u00f9 di una sola immagine, ma di una serie di immagini<\/strong>.<\/p>\n

Per chi ha dimestichezza con Flash, andremo semplicemente a implementare la propriet\u00e0 “9 slices scaling”<\/a> applicabile ai simboli<\/a>. Il concetto \u00e8 semplice, prendiamo la nostra grafica base, la tagliamo in 9 pezzi: i quattro angoli<\/strong> stanno ancorati agli estremi dell’elemento, le parti di congiunzione<\/strong> tra gli angoli si allargano e restringono a seconda delle dimensione, la parte centrale <\/strong>\u00e8 stretchabile in entrambe le dimensioni e riempie completamente lo sfondo.<\/p>\n

A voi un esempio pi\u00f9 chiaro:<\/p>\n

\"9slices_03\"<\/p>\n

Bhe non c’\u00e8 molto altro da dire sulla teoria. E’ ovvio che non possiamo mettere grafiche con pattern o elementi che si degradino ridimensionandosi, o durante lo stretch gli elementi non rimarranno congiunti coerentemente. Ecco l’implementazione nel CSS:<\/p>\n

[css]
\n.area {
\n background-repeat: no-repeat;<\/p>\n

background-image:
\n url(topleft.png), url(topright.png),
\n url(bottomleft.png), url(bottomright.png),
\n url(top.png), url(bottom.png),
\n url(left.png), url(right.png),
\n url(central.png);
\n background-position:
\n left top, right top,
\n left bottom, right bottom,
\n center top, center bottom,
\n left, right,
\n center center;
\n background-size:
\n auto, auto, auto, auto,
\n 100% 15px, 100% 15px,
\n 21px 100%, 21px 100%,
\n 100% 100%;<\/p>\n

\/**
\n Devo implementare anche le regole specifiche per l browser:
\n -moz-background-size
\n -webkit-background-size
\n -o-background-size
\n *\/<\/p>\n

padding:15px 21px;
\n min-height:30px;
\n min-width:42px;
\n line-height:30px;
\n color:#fff;
\n }
\n[\/css]<\/p>\n

Come potere vedere, l’implementazione non \u00e8 esattamente snella da scrivere <\/strong>o molto intuitiva nella lettura. Se sbagliamo qualcosa, voglio vedermi a correggere o solo capire dove si trova l’errore. Il CSS inoltre ad un uso intensivo di propriet\u00e0 del genere potrebbe esplodere in dimensioni.<\/p>\n

Tutto questo mi fa pensare che un semplice editor di testo cominci a non bastare e che servirebbe un qualche editor pi\u00f9 avanzato per la definizione delle propriet\u00e0 dei fogli di stile, basti provare a fare un’animazione con la sintassi di Webkit, oppure cito un’altra volta la mia proverbiale impossibilit\u00e0 di ricordare la sintassi dei gradienti CSS. Ma questo \u00e8 un’altro discorso.<\/p>\n

Comunque sia il gioco \u00e8 fatto. Variando le dimensioni del mio elemento, non si nota nessuna particolare aberrazione nello scalare l’immagine, insomma \u00e8 un risultato pi\u00f9 che accettabile. Uno screenshot:<\/p>\n

\"demo\"<\/p>\n","protected":false},"excerpt":{"rendered":"

\"title\"Oggi vorrei fare un po’ di pratica e qualche esperimento riguardante background-image<\/a> e la sua applicazione con immagini multiple.
\nIn particolare mi piacerebbe avere un elemento che possa essere allungato e allargato <\/strong>nel suo contenuto senza accrocchi particolari o limitazioni, senza scomodare Javascript.<\/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":[150,127,69,42,66],"class_list":["post-6270","post","type-post","status-publish","format-standard","hentry","category-marketing","tag-photoshop","tag-css","tag-css3","tag-grafica-web","tag-web-design"],"yoast_head":"\n\u2022 9 Slices Scaling. Sfondi ridimensionabili con i CSS3 - Artera<\/title>\n<meta name=\"description\" content=\"Leggi dal blog: 9 Slices Scaling. Sfondi ridimensionabili con i CSS3. 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\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u2022 9 Slices Scaling. Sfondi ridimensionabili con i CSS3 - Artera\" \/>\n<meta property=\"og:description\" content=\"Leggi dal blog: 9 Slices Scaling. Sfondi ridimensionabili con i CSS3. 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\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\/\" \/>\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-31T18:04:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-27T14:51:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.artera.net\/wp-content\/uploads\/2011\/01\/title.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=\"3 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\\\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\\\/\"},\"author\":{\"name\":\"Sergio Ravera\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/person\\\/48ffb6b3727677643fbfd3ecf0a10aa0\"},\"headline\":\"9 Slices Scaling. Sfondi ridimensionabili con i CSS3\",\"datePublished\":\"2011-01-31T18:04:08+00:00\",\"dateModified\":\"2023-02-27T14:51:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\\\/\"},\"wordCount\":581,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2011\\\/01\\\/title.jpg\",\"keywords\":[\"Adobe Photoshop\",\"CSS\",\"CSS3\",\"grafica web\",\"web design\"],\"articleSection\":[\"Marketing\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\\\/\",\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\\\/\",\"name\":\"\u2022 9 Slices Scaling. Sfondi ridimensionabili con i CSS3 - Artera\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2011\\\/01\\\/title.jpg\",\"datePublished\":\"2011-01-31T18:04:08+00:00\",\"dateModified\":\"2023-02-27T14:51:12+00:00\",\"description\":\"Leggi dal blog: 9 Slices Scaling. Sfondi ridimensionabili con i CSS3. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2011\\\/01\\\/title.jpg\",\"contentUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2011\\\/01\\\/title.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.artera.net\\\/it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"9 Slices Scaling. Sfondi ridimensionabili con i CSS3\"}]},{\"@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 9 Slices Scaling. Sfondi ridimensionabili con i CSS3 - Artera","description":"Leggi dal blog: 9 Slices Scaling. Sfondi ridimensionabili con i CSS3. 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\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\/","og_locale":"it_IT","og_type":"article","og_title":"\u2022 9 Slices Scaling. Sfondi ridimensionabili con i CSS3 - Artera","og_description":"Leggi dal blog: 9 Slices Scaling. Sfondi ridimensionabili con i CSS3. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.","og_url":"https:\/\/www.artera.net\/it\/marketing\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\/","og_site_name":"Artera","article_publisher":"https:\/\/www.facebook.com\/artera.net\/","article_published_time":"2011-01-31T18:04:08+00:00","article_modified_time":"2023-02-27T14:51:12+00:00","og_image":[{"url":"https:\/\/www.artera.net\/wp-content\/uploads\/2011\/01\/title.jpg","type":"","width":"","height":""}],"author":"Sergio Ravera","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"Sergio Ravera","Tempo di lettura stimato":"3 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.artera.net\/it\/marketing\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\/#article","isPartOf":{"@id":"https:\/\/www.artera.net\/it\/marketing\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\/"},"author":{"name":"Sergio Ravera","@id":"https:\/\/www.artera.net\/it\/#\/schema\/person\/48ffb6b3727677643fbfd3ecf0a10aa0"},"headline":"9 Slices Scaling. Sfondi ridimensionabili con i CSS3","datePublished":"2011-01-31T18:04:08+00:00","dateModified":"2023-02-27T14:51:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.artera.net\/it\/marketing\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\/"},"wordCount":581,"commentCount":0,"publisher":{"@id":"https:\/\/www.artera.net\/it\/#organization"},"image":{"@id":"https:\/\/www.artera.net\/it\/marketing\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\/#primaryimage"},"thumbnailUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2011\/01\/title.jpg","keywords":["Adobe Photoshop","CSS","CSS3","grafica web","web design"],"articleSection":["Marketing"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.artera.net\/it\/marketing\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.artera.net\/it\/marketing\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\/","url":"https:\/\/www.artera.net\/it\/marketing\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\/","name":"\u2022 9 Slices Scaling. Sfondi ridimensionabili con i CSS3 - Artera","isPartOf":{"@id":"https:\/\/www.artera.net\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.artera.net\/it\/marketing\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\/#primaryimage"},"image":{"@id":"https:\/\/www.artera.net\/it\/marketing\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\/#primaryimage"},"thumbnailUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2011\/01\/title.jpg","datePublished":"2011-01-31T18:04:08+00:00","dateModified":"2023-02-27T14:51:12+00:00","description":"Leggi dal blog: 9 Slices Scaling. Sfondi ridimensionabili con i CSS3. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.","breadcrumb":{"@id":"https:\/\/www.artera.net\/it\/marketing\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.artera.net\/it\/marketing\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.artera.net\/it\/marketing\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\/#primaryimage","url":"https:\/\/www.artera.net\/wp-content\/uploads\/2011\/01\/title.jpg","contentUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2011\/01\/title.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.artera.net\/it\/marketing\/9-slices-scaling-sfondi-ridimensionabili-con-i-css3\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.artera.net\/it\/"},{"@type":"ListItem","position":2,"name":"9 Slices Scaling. Sfondi ridimensionabili con i CSS3"}]},{"@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\/6270","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=6270"}],"version-history":[{"count":3,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/6270\/revisions"}],"predecessor-version":[{"id":216555,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/6270\/revisions\/216555"}],"wp:attachment":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/media?parent=6270"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/categories?post=6270"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/tags?post=6270"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}