{"id":62,"date":"2014-11-17T09:00:26","date_gmt":"2014-11-17T08:00:26","guid":{"rendered":"https:\/\/www.intesys.it\/journal\/?p=62"},"modified":"2014-11-17T09:00:26","modified_gmt":"2014-11-17T08:00:26","slug":"responsive-design-a-cosa-serve-e-perche-e-cosi-importante","status":"publish","type":"post","link":"https:\/\/www.intesys.it\/journal\/information-technology\/responsive-design-a-cosa-serve-e-perche-e-cosi-importante\/","title":{"rendered":"Responsive Design a cosa serve e perch\u00e9 \u00e8 cos\u00ec importante"},"content":{"rendered":"

Indice dei contenuti<\/span>
  1. <\/a><\/li>
  2. Vantaggi e specificit\u00e0\u00a0 del responsive design<\/a><\/li><\/ol><\/div><\/div><\/p>

    Il responsive design<\/strong> \u00e8 una tecnica di progettazione di layout che permette ai siti web di adattarsi alle dimensioni dello schermo per una corretta visualizzazione su pi\u00f9 dispositivi (smartphone, tablet, desktop pc, tv).
    \nSecondo i principi del responsive design \u00e8 necessario progettare un solo layout in grado di essere visualizzato in modo ottimale a seconda del device dal quale viene navigato, rinunciando cos\u00ec alla realizzazione di pi\u00f9 versioni ad hoc dello stesso sito.<\/p>\n

    \"Responsive<\/a><\/h2>\n

    Cosa comporta
    \n<\/strong><\/h2>\n

    La definizione di un layout responsive, non consiste nella semplice riduzione delle dimensioni di fontend immagini, ma richiede l’intervento di pi\u00f9 figure professionali come designer e sviluppatori.<\/p>\n

    Uno dei fondamenti del responsive design \u00e8 che “il web \u00e8 uno e unico – one web”, non \u00e8 quindi necessario progettare siti dedicati per le diverse risoluzioni, ma ci\u00f2 che viene realizzato deve essere in grado di adattarsi in modo automatico.Per adottare la tecnica del responsive design \u00e8 fondamentale utilizzare le media queries dei css. Le media queries permettono di definire delle condizioni entro le quali \u00e8 possibile eseguire determinate operazioni di visualizzazione.<\/p>\n

    Nonostante sia stata accolta come una tecnica innovativa e importante richiede un’attenta valutazione prima di avviarne lo sviluppo.<\/p>\n

    Vantaggi e specificit\u00e0\u00a0 del responsive design<\/strong><\/h2>\n

    – Ottima soluzione per siti corporate aziendali e siti di prodotto, al contrario non \u00e8 una buona soluzione per grandi portali che contengono molte informazioni richiedendo una capacit\u00e0\u00a0 di banda notevole per la navigazione.<\/p>\n

    – Facilit\u00e0\u00a0 di aggiornamento dei contenuti: essendo il sito unico, non \u00e8 necessario ripetere gli aggiornamenti, ma \u00e8 sufficiente occuparsene una volta soltanto.<\/p>\n

    – Il sito web resta disponibile in ogni istante indipendentemente dal dispositivo da cui viene navigato aumentando le occasioni di contatto con i propri clienti.<\/p>\n

    – Maggiore usabilit\u00e0\u00a0, i contenuti sono studiati per essere consultati da diverse risoluzioni pensando alle necessit\u00e0\u00a0 dell’utente nelle varie circostanze.<\/p>\n

    Il Responsive Design non \u00e8 solo un trend passeggero per la creazione di siti web, ma una vera e propria filosofia di progettazione. In un mondo sempre collegato a internet e navigabile su schermi con risoluzioni molto differenti tra di loro, l’adattabilit\u00e0\u00a0 e la flessibilit\u00e0\u00a0 del responsive design sono le caratteristiche che si prestano con maggior naturalezza a questa evoluzione.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Il responsive design \u00e8 una tecnica di progettazione di layout che permette ai siti web…<\/p>\n","protected":false},"author":42,"featured_media":452,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[568],"class_list":{"0":"post-62","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-information-technology","8":"tag-responsive-design"},"acf":[],"yoast_head":"\nResponsive Design a cosa serve e perch\u00e9 \u00e8 cos\u00ec importante<\/title>\n<meta name=\"description\" content=\"Responsive Design a cosa serve e perch\u00e9 \u00e8 cos\u00ec importante - Intesys Journal\" \/>\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.intesys.it\/journal\/information-technology\/responsive-design-a-cosa-serve-e-perche-e-cosi-importante\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Responsive Design a cosa serve e perch\u00e9 \u00e8 cos\u00ec importante\" \/>\n<meta property=\"og:description\" content=\"Responsive Design a cosa serve e perch\u00e9 \u00e8 cos\u00ec importante - Intesys Journal\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.intesys.it\/journal\/information-technology\/responsive-design-a-cosa-serve-e-perche-e-cosi-importante\/\" \/>\n<meta property=\"og:site_name\" content=\"Intesys Journal\" \/>\n<meta property=\"article:published_time\" content=\"2014-11-17T08:00:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2014\/11\/responsive-kappamoto.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"960\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Intesys\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Intesys\" \/>\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\":\"WebPage\",\"@id\":\"https:\/\/www.intesys.it\/journal\/information-technology\/responsive-design-a-cosa-serve-e-perche-e-cosi-importante\/\",\"url\":\"https:\/\/www.intesys.it\/journal\/information-technology\/responsive-design-a-cosa-serve-e-perche-e-cosi-importante\/\",\"name\":\"Responsive Design a cosa serve e perch\u00e9 \u00e8 cos\u00ec importante\",\"isPartOf\":{\"@id\":\"https:\/\/www.intesys.it\/journal\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.intesys.it\/journal\/information-technology\/responsive-design-a-cosa-serve-e-perche-e-cosi-importante\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.intesys.it\/journal\/information-technology\/responsive-design-a-cosa-serve-e-perche-e-cosi-importante\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2014\/11\/responsive-kappamoto.jpg\",\"datePublished\":\"2014-11-17T08:00:26+00:00\",\"author\":{\"@id\":\"https:\/\/www.intesys.it\/journal\/#\/schema\/person\/3c4f01ca151d023fddb9a63d0b0241a7\"},\"description\":\"Responsive Design a cosa serve e perch\u00e9 \u00e8 cos\u00ec importante - Intesys Journal\",\"breadcrumb\":{\"@id\":\"https:\/\/www.intesys.it\/journal\/information-technology\/responsive-design-a-cosa-serve-e-perche-e-cosi-importante\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.intesys.it\/journal\/information-technology\/responsive-design-a-cosa-serve-e-perche-e-cosi-importante\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.intesys.it\/journal\/information-technology\/responsive-design-a-cosa-serve-e-perche-e-cosi-importante\/#primaryimage\",\"url\":\"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2014\/11\/responsive-kappamoto.jpg\",\"contentUrl\":\"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2014\/11\/responsive-kappamoto.jpg\",\"width\":1280,\"height\":960,\"caption\":\"responsive kappamoto\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.intesys.it\/journal\/information-technology\/responsive-design-a-cosa-serve-e-perche-e-cosi-importante\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.intesys.it\/journal\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Responsive Design a cosa serve e perch\u00e9 \u00e8 cos\u00ec importante\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.intesys.it\/journal\/#website\",\"url\":\"https:\/\/www.intesys.it\/journal\/\",\"name\":\"Intesys\",\"description\":\"Ogni settimana nuovi articoli dedicati al mondo della trasformazione digitale!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.intesys.it\/journal\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.intesys.it\/journal\/#\/schema\/person\/3c4f01ca151d023fddb9a63d0b0241a7\",\"name\":\"Intesys\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.intesys.it\/journal\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/063b2e8f5181bd2b5875bc91db26b51e4951c4fe0c1d6e41044f837e6ccdc84f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/063b2e8f5181bd2b5875bc91db26b51e4951c4fe0c1d6e41044f837e6ccdc84f?s=96&d=mm&r=g\",\"caption\":\"Intesys\"},\"url\":\"https:\/\/www.intesys.it\/journal\/autore\/intesys\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Responsive Design a cosa serve e perch\u00e9 \u00e8 cos\u00ec importante","description":"Responsive Design a cosa serve e perch\u00e9 \u00e8 cos\u00ec importante - Intesys Journal","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.intesys.it\/journal\/information-technology\/responsive-design-a-cosa-serve-e-perche-e-cosi-importante\/","og_locale":"it_IT","og_type":"article","og_title":"Responsive Design a cosa serve e perch\u00e9 \u00e8 cos\u00ec importante","og_description":"Responsive Design a cosa serve e perch\u00e9 \u00e8 cos\u00ec importante - Intesys Journal","og_url":"https:\/\/www.intesys.it\/journal\/information-technology\/responsive-design-a-cosa-serve-e-perche-e-cosi-importante\/","og_site_name":"Intesys Journal","article_published_time":"2014-11-17T08:00:26+00:00","og_image":[{"width":1280,"height":960,"url":"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2014\/11\/responsive-kappamoto.jpg","type":"image\/jpeg"}],"author":"Intesys","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"Intesys","Tempo di lettura stimato":"2 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.intesys.it\/journal\/information-technology\/responsive-design-a-cosa-serve-e-perche-e-cosi-importante\/","url":"https:\/\/www.intesys.it\/journal\/information-technology\/responsive-design-a-cosa-serve-e-perche-e-cosi-importante\/","name":"Responsive Design a cosa serve e perch\u00e9 \u00e8 cos\u00ec importante","isPartOf":{"@id":"https:\/\/www.intesys.it\/journal\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.intesys.it\/journal\/information-technology\/responsive-design-a-cosa-serve-e-perche-e-cosi-importante\/#primaryimage"},"image":{"@id":"https:\/\/www.intesys.it\/journal\/information-technology\/responsive-design-a-cosa-serve-e-perche-e-cosi-importante\/#primaryimage"},"thumbnailUrl":"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2014\/11\/responsive-kappamoto.jpg","datePublished":"2014-11-17T08:00:26+00:00","author":{"@id":"https:\/\/www.intesys.it\/journal\/#\/schema\/person\/3c4f01ca151d023fddb9a63d0b0241a7"},"description":"Responsive Design a cosa serve e perch\u00e9 \u00e8 cos\u00ec importante - Intesys Journal","breadcrumb":{"@id":"https:\/\/www.intesys.it\/journal\/information-technology\/responsive-design-a-cosa-serve-e-perche-e-cosi-importante\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.intesys.it\/journal\/information-technology\/responsive-design-a-cosa-serve-e-perche-e-cosi-importante\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.intesys.it\/journal\/information-technology\/responsive-design-a-cosa-serve-e-perche-e-cosi-importante\/#primaryimage","url":"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2014\/11\/responsive-kappamoto.jpg","contentUrl":"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2014\/11\/responsive-kappamoto.jpg","width":1280,"height":960,"caption":"responsive kappamoto"},{"@type":"BreadcrumbList","@id":"https:\/\/www.intesys.it\/journal\/information-technology\/responsive-design-a-cosa-serve-e-perche-e-cosi-importante\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.intesys.it\/journal\/"},{"@type":"ListItem","position":2,"name":"Responsive Design a cosa serve e perch\u00e9 \u00e8 cos\u00ec importante"}]},{"@type":"WebSite","@id":"https:\/\/www.intesys.it\/journal\/#website","url":"https:\/\/www.intesys.it\/journal\/","name":"Intesys","description":"Ogni settimana nuovi articoli dedicati al mondo della trasformazione digitale!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.intesys.it\/journal\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.intesys.it\/journal\/#\/schema\/person\/3c4f01ca151d023fddb9a63d0b0241a7","name":"Intesys","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.intesys.it\/journal\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/063b2e8f5181bd2b5875bc91db26b51e4951c4fe0c1d6e41044f837e6ccdc84f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/063b2e8f5181bd2b5875bc91db26b51e4951c4fe0c1d6e41044f837e6ccdc84f?s=96&d=mm&r=g","caption":"Intesys"},"url":"https:\/\/www.intesys.it\/journal\/autore\/intesys\/"}]}},"_links":{"self":[{"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/posts\/62","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/users\/42"}],"replies":[{"embeddable":true,"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/comments?post=62"}],"version-history":[{"count":0,"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/posts\/62\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/media\/452"}],"wp:attachment":[{"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/media?parent=62"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/categories?post=62"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/tags?post=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}