{"id":337809,"date":"2017-04-07T01:00:32","date_gmt":"2017-04-06T17:00:32","guid":{"rendered":"http:\/\/techcrunch.com\/?p=1473707"},"modified":"2017-04-07T01:00:32","modified_gmt":"2017-04-06T17:00:32","slug":"new-google-tool-helps-developers-pick-the-right-colors-for-their-apps","status":"publish","type":"post","link":"https:\/\/people.utm.my\/asmawisham\/new-google-tool-helps-developers-pick-the-right-colors-for-their-apps\/","title":{"rendered":"New Google tool helps developers pick the right colors for their apps"},"content":{"rendered":"

<\/p>\n

With its Material Design guidelines<\/a>, Google set out to create a unified set of ideas for how it wants developers to think about all the different aspects of their applications\u2019 design, ranging from the basic layout to\u00a0how to use animations effectively. As part of those guidelines, it also offered some ideas about how to best use color<\/a>. Today it\u2019s expanding on that with the launch of a new color tool that meant to help developers and designers\u00a0pick the right color palettes for their apps.<\/p>\n

\"\"<\/a>The new tool<\/a>\u00a0helps developers create and share color palettes, but maybe most importantly, it also comes with the ability to\u00a0then apply that color scheme to a sample user interface and to various Material Design\u00a0components<\/a> in CodePen<\/a>, a third-party \u201cplayground<\/a>\u201d for front-end web developers.<\/p>\n

Another interesting aspect of the new tool is that it also automatically evaluates the legibility of text for your color scheme. That evaluation is based on the Web Content Accessibility Guidelines<\/a>, which mostly focus on the contrast between text and background to help people\u00a0with vision impairments better read online (though anybody who has ever had to read a lot of dark gray text on a light gray background knows that this is an issue).<\/p>\n

\"\"<\/a><\/p>\n

Featured Image: Ben Miners\/Getty Images<\/small><\/p>\n","protected":false},"excerpt":{"rendered":"

\"\" With its Material Design guidelines, Google set out to create a unified set of ideas for how it wants developers to think about all the different aspects of their applications’ design, ranging from the basic layout to\u00a0how to use animations effectively. As part of those guidelines, it also offered some ideas about how to best use color. Today it’s expanding on that with the launch of… Read More<\/a><\/p>\n

\n<\/img><\/a> <\/img><\/a> <\/img><\/a> <\/img><\/a> <\/img><\/a> <\/img><\/a>\n<\/div>\n

\"\"\/ <\/p>\n","protected":false},"author":5817,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[25],"tags":[59,66,26],"class_list":["post-337809","post","type-post","status-publish","format-standard","hentry","category-technology","tag-media","tag-techcrunch","tag-technology"],"_links":{"self":[{"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/posts\/337809","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/users\/5817"}],"replies":[{"embeddable":true,"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/comments?post=337809"}],"version-history":[{"count":0,"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/posts\/337809\/revisions"}],"wp:attachment":[{"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/media?parent=337809"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/categories?post=337809"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/tags?post=337809"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}