{"id":9942,"date":"2017-05-06T18:48:28","date_gmt":"2017-05-06T17:48:28","guid":{"rendered":"http:\/\/evolve.al\/?p=9942"},"modified":"2018-03-26T12:16:48","modified_gmt":"2018-03-26T11:16:48","slug":"new-google-tool-helps-developers-pick-the-right-colors-for-their-apps","status":"publish","type":"post","link":"http:\/\/evolve.al\/it\/new-google-tool-helps-developers-pick-the-right-colors-for-their-apps\/","title":{"rendered":"Il nuovo strumento di Google aiuta gli sviluppatori a scegliere i colori giusti per le loro app"},"content":{"rendered":"<p><\/p>\n<p id=\"speakable-summary\">Con le sue <a href=\"https:\/\/material.io\/guidelines\/\" target=\"_blank\" rel=\"noopener noreferrer\">Material Design guidelines<\/a>, Google ha deciso di creare un insieme unificato di idee su come desidera che gli sviluppatori riflettano su tutti i diversi aspetti del design delle loro applicazioni, dal layout di base a come utilizzare le animazioni in modo efficace. Come parte di tali linee guida, ha anche offerto alcune idee su come utilizzare al meglio il colore. Oggi si sta espandendo con il lancio di un nuovo strumento a colori pensato per aiutare gli sviluppatori e i progettisti a scegliere le tavolozze di colori giuste per le loro app<\/p>\n<p><a href=\"https:\/\/tctechcrunch2011.files.wordpress.com\/2017\/04\/pasted-image-0-1.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"alignright wp-image-1473720\" src=\"https:\/\/tctechcrunch2011.files.wordpress.com\/2017\/04\/pasted-image-0-1.png?w=297&amp;h=296\" sizes=\"(max-width: 297px) 100vw, 297px\" srcset=\"https:\/\/tctechcrunch2011.files.wordpress.com\/2017\/04\/pasted-image-0-1.png?w=297&amp;h=296 297w, https:\/\/tctechcrunch2011.files.wordpress.com\/2017\/04\/pasted-image-0-1.png?w=594&amp;h=592 594w, https:\/\/tctechcrunch2011.files.wordpress.com\/2017\/04\/pasted-image-0-1.png?w=150&amp;h=150 150w, https:\/\/tctechcrunch2011.files.wordpress.com\/2017\/04\/pasted-image-0-1.png?w=300&amp;h=300 300w\" alt=\"\" width=\"297\" height=\"296\" \/><\/a><a href=\"https:\/\/material.io\/color\/#!\/\">Il nuovo strumento<\/a> aiuta gli sviluppatori a creare e condividere tavolozze di colori, ma, forse la cosa pi\u00f9 importante, arriva anche con la possibilit\u00e0 di applicare quella combinazione di colori a un&#8217;interfaccia utente di esempio ea vari <a href=\"https:\/\/material.io\/components\/\">componenti<\/a> di Material Design in <a href=\"https:\/\/codepen.io\/\">CodePen<\/a>, un &#8220;<a href=\"https:\/\/codepen.io\/hello\/\">parco giochi<\/a>&#8221; di terze parti per gli sviluppatori Web front-end.<\/p>\n<p>Un altro aspetto interessante del nuovo strumento \u00e8 che valuta automaticamente la leggibilit\u00e0 del testo per la combinazione di colori. Tale valutazione si basa sulle linee guida per <a href=\"https:\/\/www.w3.org\/TR\/UNDERSTANDING-WCAG20\/visual-audio-contrast-contrast.html\">l&#8217;accessibilit\u00e0 del contenuto Web<\/a>, che si concentrano principalmente sul contrasto tra testo e sfondo per aiutare le persone con problemi di vista a leggere online (anche se nessuno ha mai letto un sacco di testo grigio scuro su uno sfondo grigio chiaro sa che questo \u00e8 un problema).<\/p>\n<div><\/div>\n<p><a href=\"https:\/\/tctechcrunch2011.files.wordpress.com\/2017\/04\/color_tool.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-1473780\" src=\"https:\/\/tctechcrunch2011.files.wordpress.com\/2017\/04\/color_tool.png?w=1024&amp;h=632\" sizes=\"(max-width: 1024px) 100vw, 1024px\" srcset=\"https:\/\/tctechcrunch2011.files.wordpress.com\/2017\/04\/color_tool.png?w=1024&amp;h=632 1024w, https:\/\/tctechcrunch2011.files.wordpress.com\/2017\/04\/color_tool.png?w=150&amp;h=93 150w, https:\/\/tctechcrunch2011.files.wordpress.com\/2017\/04\/color_tool.png?w=300&amp;h=185 300w, https:\/\/tctechcrunch2011.files.wordpress.com\/2017\/04\/color_tool.png?w=768&amp;h=474 768w, https:\/\/tctechcrunch2011.files.wordpress.com\/2017\/04\/color_tool.png?w=680&amp;h=420 680w, https:\/\/tctechcrunch2011.files.wordpress.com\/2017\/04\/color_tool.png 1281w\" alt=\"\" width=\"1024\" height=\"632\" \/><\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Con le sue Material Design guidelines, Google ha deciso di creare un insieme unificato di idee su come desidera che gli sviluppatori riflettano su tutti i diversi aspetti del design delle loro applicazioni, dal layout di base a come utilizzare le animazioni in modo efficace. Come parte di tali linee guida, ha anche offerto alcune idee su come utilizzare al meglio il colore. Oggi si sta espandendo con il lancio di un nuovo strumento a colori pensato per aiutare gli sviluppatori e i progettisti a scegliere le tavolozze di colori giuste per le loro app Il nuovo strumento aiuta gli sviluppatori a creare e condividere tavolozze di colori, ma, forse la cosa pi\u00f9 importante, arriva anche con la possibilit\u00e0 di applicare quella combinazione di colori a un&#8217;interfaccia utente di esempio ea vari componenti di Material Design in CodePen, un &#8220;parco giochi&#8221; di terze parti per gli sviluppatori Web front-end. Un altro aspetto interessante del nuovo strumento \u00e8 che valuta automaticamente la leggibilit\u00e0 del testo per la combinazione di colori. Tale valutazione si basa sulle linee guida per l&#8217;accessibilit\u00e0 del contenuto Web, che si concentrano principalmente sul contrasto tra testo e sfondo per aiutare le persone con problemi di vista a leggere online (anche se nessuno ha mai letto un sacco di testo grigio scuro su uno sfondo grigio chiaro sa che questo \u00e8 un problema).<\/p>\n","protected":false},"author":2,"featured_media":9943,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[49],"tags":[],"_links":{"self":[{"href":"http:\/\/evolve.al\/it\/wp-json\/wp\/v2\/posts\/9942"}],"collection":[{"href":"http:\/\/evolve.al\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/evolve.al\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/evolve.al\/it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/evolve.al\/it\/wp-json\/wp\/v2\/comments?post=9942"}],"version-history":[{"count":3,"href":"http:\/\/evolve.al\/it\/wp-json\/wp\/v2\/posts\/9942\/revisions"}],"predecessor-version":[{"id":10332,"href":"http:\/\/evolve.al\/it\/wp-json\/wp\/v2\/posts\/9942\/revisions\/10332"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/evolve.al\/it\/wp-json\/wp\/v2\/media\/9943"}],"wp:attachment":[{"href":"http:\/\/evolve.al\/it\/wp-json\/wp\/v2\/media?parent=9942"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/evolve.al\/it\/wp-json\/wp\/v2\/categories?post=9942"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/evolve.al\/it\/wp-json\/wp\/v2\/tags?post=9942"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}