{"id":5725,"date":"2010-12-13T17:33:10","date_gmt":"2010-12-13T16:33:10","guid":{"rendered":"https:\/\/www.artera.net\/it\/blog\/?p=5725"},"modified":"2023-02-27T14:51:53","modified_gmt":"2023-02-27T14:51:53","slug":"dalla-proposta-grafica-al-css-layer-styles-e-css","status":"publish","type":"post","link":"https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-layer-styles-e-css\/","title":{"rendered":"Dalla proposta grafica al CSS \u2013 Layer Styles e CSS"},"content":{"rendered":"<p><a href=\"https:\/\/www.artera.net\/it\/blog\/web\/dalla-proposta-grafica-al-css-vestiamo-lheader\"><img decoding=\"async\" class=\"size-full wp-image-2929 alignleft\" style=\"margin: 0px 10px 10px 0pt\" src=\"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/07\/photoshop_icon.jpg\" alt=\"photoshop_icon\" width=\"128\" height=\"128\" \/>Nello scorso articolo<\/a> abbiamo parlato dei vantaggi e degli svantaggi di usare un approccio ai CSS3 rispetto ad un approccio classico ed abbiamo infine vestito l&#8217;header della nostra pagina di esempio. Oggi completiamo la parte mancante dell&#8217;header della nostra pagina utilizzando di nuovo alcune propriet\u00e0 CSS3 senza ripeterci sui problemi di compatibilit\u00e0 ma confidando che questi nel lungo periodo diventino lo standard.<\/p>\n<p>Un problema da affrontare con questo approccio \u00e8 sicuramente, <strong>come estrapolare da Photoshop<\/strong>, ad esempio,<strong> il colore di un&#8217;ombra <\/strong>da applicare ad un testo o ad un blocco, <strong>oppure i colori di un gradiente<\/strong> da ricreare.<\/p>\n<h3>Gli stili di Photoshop<\/h3>\n<p>Con PS \u00e8 facile <strong>applicare uno stile editabile<\/strong> (layer style) al livello, gli stili editabili sono il modo pi\u00f9 semplice per applicare un&#8217;ombra o sovrapporre ad un elemento un gradiente e quindi il modo pi\u00f9 semplice per <strong>simulare una delle propriet\u00e0 CSS <\/strong>che ci interessano.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-5739\" src=\"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/12\/layerstyle.png\" alt=\"layerstyle\" width=\"590\" height=\"84\" \/><\/p>\n<p>A livello di processo, <strong>consegnare un PSD con tutti gli stili grafici applicati <\/strong><strong>ai livelli <\/strong> ed ancora editabili pu\u00f2 risultare una scelta pi\u00f9 intelligente rispetto ai grafici che appiattiscono tutti gli stili applicati. Perch\u00e8? Se utilizzati con metodo, gli stili di Photoshop permettono al web designer che sta convertendo la pagina di non doversi inventare nulla. <strong>Gli stili definiscono <\/strong>quasi direttamente <strong>quella che sar\u00e0 la regola CSS<\/strong>.<\/p>\n<h3>Drop shadows<\/h3>\n<p>Facciamo un esempio, il testo del nostro header che abbiamo visto nello scorso articolo. Il livello testo ha applicata un&#8217;ombra. Cliccando due volte sull&#8217;icona degli effetti vedo subito che sul testo \u00e8 applicata una Drop Shadow e che la schermata di dialogo contiene tutti i dati che mi servono per ricrearla. La distanza, la dimensione della sfumatura, il colore.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-5758\" src=\"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/12\/drop-shadow1.png\" alt=\"drop-shadow\" width=\"592\" height=\"226\" \/><\/p>\n<p><strong>La dimensione <\/strong>della sfumatura \u00e8 il parametro pi\u00f9 comodo da leggere qui dentro, \u00e8 difficile talvolta convertire il valore ad occhio ed il risultato \u00e8 una sfumatura troppo marcata con relativo effetto kitch. <strong>In Photoshop \u00e8 definita come &#8220;size&#8221;<\/strong>.<\/p>\n<p><strong>La distanza <\/strong>\u00e8 facilmente intuibile se l&#8217;ombra \u00e8 molto vicino al testo. Se <strong>azzeriamo il parametro di sfumatura temporaneamente<\/strong> possiamo misurare contando i pixel nel solito modo, purtroppo infatti Photoshop utilizza un vettore definendolo con angolo e raggio, mentre noi abbiamo solo le distanza dal centro specificata in spostamento lineare x ed y. Se vi ricordate un po&#8217; di trigonometria potete applicarla, ma dubito che mai servir\u00e0 questo livello di precisione.<\/p>\n<p><strong>Il colore <\/strong>\u00e8 il terzo parametro che possiamo estrarre ma con le dovute considerazioni. Per prima cosa, il valore del colore qui dentro \u00e8 mixato anche con il valore della trasparenza. <strong>Se stiamo usando un approccio rgba<\/strong> piuttosto che rgb basta prendere<strong> il colore settato nel quadratino <\/strong>(cliccandoci sopra) ed usare come valore di <strong>alpha il parametro opacity <\/strong>che si trova appena sotto.<\/p>\n<p>Attenzione questo \u00e8 vero se il valore inserito nella tendina dell&#8217;ombra \u00e8 settato su <strong>&#8220;Normal&#8221;<\/strong> oppure se il valore \u00e8 <strong>&#8220;Multiply&#8221; e l&#8217;ombra \u00e8 nera <\/strong>(situazione pi\u00f9 comune) o ancora su <strong>&#8220;Screen&#8221; e l&#8217;ombra \u00e8 bianca<\/strong>. Questo parametro infatti ci permette di mixare il colore con quelli sotto di esso in modo particolare cosa che i CSS non possono fare.<\/p>\n<p>In questa situazione l&#8217;unica cosa da poter fare \u00e8 utilizzare il nostro <strong>selettore colore -strumento (I)- <\/strong>e prendere il valore del colore dalla nostra ombra (togliamo come prima la sfumatura e poi la riapplichiamo).<\/p>\n<p>Estrapolati questi dati possiamo creare la nostra regoletta CSS ed applicarla.<\/p>\n<pre lang=\"css\">    text-shadow:1px 1px 0 #620000;<\/pre>\n<h3>Sfumature e gradienti<\/h3>\n<p>Lo stesso approccio (con le stesse condiderazioni sul colore) lo possiamo avere con i gradienti creati con gli stili di Photoshop. La finestra di dialogo \u00e8 differente ma possiamo estrarre, il valore dei colori, la posizione dello &#8220;stop color&#8221;, il suo alpha e cos\u00ec via in modo intuitivo.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5764\" src=\"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/12\/gradient1.png\" alt=\"gradient\" width=\"592\" height=\"491\" \/><\/p>\n<p>Per quel che riguarda la creazione della regola CSS3 per le sfumature riporto un esauriente articolo ed un comodo tool.<\/p>\n<p>Ed ecco che mettendo insieme quello che abbiamo visto oggi e nell&#8217;articolo precedente, abbiamo definito tramite i gradienti i bottoni mancanti dell&#8217;header e lo sfondo del nostro footer. Potete vedere l&#8217;esempio completo, il PSD e la pagina aggiornata.<\/p>\n","protected":false},"excerpt":{"rendered":"<p><a href=\"https:\/\/www.artera.net\/it\/blog\/web\/dalla-proposta-grafica-al-css-vestiamo-lheader\"><img decoding=\"async\" class=\"size-full wp-image-2929 alignleft\" style=\"margin: 0px 10px 10px 0pt\" src=\"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/07\/photoshop_icon.jpg\" alt=\"photoshop_icon\" width=\"128\" height=\"128\" \/>Nello scorso articolo<\/a> abbiamo parlato dei vantaggi e degli svantaggi di usare un approccio ai CSS3 rispetto ad un approccio classico ed abbiamo infine vestito l&#8217;header della nostra pagina di esempio. Oggi completiamo la parte mancante dell&#8217;header della nostra pagina utilizzando di nuovo alcune propriet\u00e0 CSS3 senza ripeterci sui problemi di compatibilit\u00e0 ma confidando che questi nel lungo periodo diventino lo standard.<\/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,152,66],"class_list":["post-5725","post","type-post","status-publish","format-standard","hentry","category-marketing","tag-photoshop","tag-css","tag-css3","tag-grafica-web","tag-proposta-grafica","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 Dalla proposta grafica al CSS \u2013 Layer Styles e CSS - Artera<\/title>\n<meta name=\"description\" content=\"Leggi dal blog: Dalla proposta grafica al CSS \u2013 Layer Styles e CSS. 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\/dalla-proposta-grafica-al-css-layer-styles-e-css\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u2022 Dalla proposta grafica al CSS \u2013 Layer Styles e CSS - Artera\" \/>\n<meta property=\"og:description\" content=\"Leggi dal blog: Dalla proposta grafica al CSS \u2013 Layer Styles e CSS. 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\/dalla-proposta-grafica-al-css-layer-styles-e-css\/\" \/>\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-12-13T16:33:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-27T14:51:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/07\/photoshop_icon.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\\\/dalla-proposta-grafica-al-css-layer-styles-e-css\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/dalla-proposta-grafica-al-css-layer-styles-e-css\\\/\"},\"author\":{\"name\":\"Sergio Ravera\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/person\\\/48ffb6b3727677643fbfd3ecf0a10aa0\"},\"headline\":\"Dalla proposta grafica al CSS \u2013 Layer Styles e CSS\",\"datePublished\":\"2010-12-13T16:33:10+00:00\",\"dateModified\":\"2023-02-27T14:51:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/dalla-proposta-grafica-al-css-layer-styles-e-css\\\/\"},\"wordCount\":668,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/dalla-proposta-grafica-al-css-layer-styles-e-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2010\\\/07\\\/photoshop_icon.jpg\",\"keywords\":[\"Adobe Photoshop\",\"CSS\",\"CSS3\",\"grafica web\",\"proposta grafica\",\"web design\"],\"articleSection\":[\"Marketing\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/dalla-proposta-grafica-al-css-layer-styles-e-css\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/dalla-proposta-grafica-al-css-layer-styles-e-css\\\/\",\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/dalla-proposta-grafica-al-css-layer-styles-e-css\\\/\",\"name\":\"\u2022 Dalla proposta grafica al CSS \u2013 Layer Styles e CSS - Artera\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/dalla-proposta-grafica-al-css-layer-styles-e-css\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/dalla-proposta-grafica-al-css-layer-styles-e-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2010\\\/07\\\/photoshop_icon.jpg\",\"datePublished\":\"2010-12-13T16:33:10+00:00\",\"dateModified\":\"2023-02-27T14:51:53+00:00\",\"description\":\"Leggi dal blog: Dalla proposta grafica al CSS \u2013 Layer Styles e CSS. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/dalla-proposta-grafica-al-css-layer-styles-e-css\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/dalla-proposta-grafica-al-css-layer-styles-e-css\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/dalla-proposta-grafica-al-css-layer-styles-e-css\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2010\\\/07\\\/photoshop_icon.jpg\",\"contentUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2010\\\/07\\\/photoshop_icon.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/dalla-proposta-grafica-al-css-layer-styles-e-css\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.artera.net\\\/it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dalla proposta grafica al CSS \u2013 Layer Styles e CSS\"}]},{\"@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 Dalla proposta grafica al CSS \u2013 Layer Styles e CSS - Artera","description":"Leggi dal blog: Dalla proposta grafica al CSS \u2013 Layer Styles e CSS. 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\/dalla-proposta-grafica-al-css-layer-styles-e-css\/","og_locale":"it_IT","og_type":"article","og_title":"\u2022 Dalla proposta grafica al CSS \u2013 Layer Styles e CSS - Artera","og_description":"Leggi dal blog: Dalla proposta grafica al CSS \u2013 Layer Styles e CSS. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.","og_url":"https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-layer-styles-e-css\/","og_site_name":"Artera","article_publisher":"https:\/\/www.facebook.com\/artera.net\/","article_published_time":"2010-12-13T16:33:10+00:00","article_modified_time":"2023-02-27T14:51:53+00:00","og_image":[{"url":"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/07\/photoshop_icon.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\/dalla-proposta-grafica-al-css-layer-styles-e-css\/#article","isPartOf":{"@id":"https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-layer-styles-e-css\/"},"author":{"name":"Sergio Ravera","@id":"https:\/\/www.artera.net\/it\/#\/schema\/person\/48ffb6b3727677643fbfd3ecf0a10aa0"},"headline":"Dalla proposta grafica al CSS \u2013 Layer Styles e CSS","datePublished":"2010-12-13T16:33:10+00:00","dateModified":"2023-02-27T14:51:53+00:00","mainEntityOfPage":{"@id":"https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-layer-styles-e-css\/"},"wordCount":668,"commentCount":0,"publisher":{"@id":"https:\/\/www.artera.net\/it\/#organization"},"image":{"@id":"https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-layer-styles-e-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/07\/photoshop_icon.jpg","keywords":["Adobe Photoshop","CSS","CSS3","grafica web","proposta grafica","web design"],"articleSection":["Marketing"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-layer-styles-e-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-layer-styles-e-css\/","url":"https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-layer-styles-e-css\/","name":"\u2022 Dalla proposta grafica al CSS \u2013 Layer Styles e CSS - Artera","isPartOf":{"@id":"https:\/\/www.artera.net\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-layer-styles-e-css\/#primaryimage"},"image":{"@id":"https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-layer-styles-e-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/07\/photoshop_icon.jpg","datePublished":"2010-12-13T16:33:10+00:00","dateModified":"2023-02-27T14:51:53+00:00","description":"Leggi dal blog: Dalla proposta grafica al CSS \u2013 Layer Styles e CSS. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.","breadcrumb":{"@id":"https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-layer-styles-e-css\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-layer-styles-e-css\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-layer-styles-e-css\/#primaryimage","url":"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/07\/photoshop_icon.jpg","contentUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/07\/photoshop_icon.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-layer-styles-e-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.artera.net\/it\/"},{"@type":"ListItem","position":2,"name":"Dalla proposta grafica al CSS \u2013 Layer Styles e CSS"}]},{"@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\/5725","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=5725"}],"version-history":[{"count":10,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/5725\/revisions"}],"predecessor-version":[{"id":227161,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/5725\/revisions\/227161"}],"wp:attachment":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/media?parent=5725"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/categories?post=5725"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/tags?post=5725"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}