{"id":698,"date":"2015-11-03T12:58:32","date_gmt":"2015-11-03T17:58:32","guid":{"rendered":"http:\/\/www.astronaut3.com\/?p=698"},"modified":"2024-03-14T15:28:04","modified_gmt":"2024-03-14T19:28:04","slug":"skin-color","status":"publish","type":"post","link":"https:\/\/a3mg.com\/blog\/skin-color\/","title":{"rendered":"Interactive Exploration of How We Get Our Skin Color"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"672\" src=\"https:\/\/a3mg.com\/blog\/wp-content\/uploads\/2021\/11\/skin-idoc-1-1024x672.png\" alt=\"Screenshot 1 showing the video player interface\" class=\"wp-image-1083\" srcset=\"https:\/\/a3mg.com\/blog\/wp-content\/uploads\/2021\/11\/skin-idoc-1-1024x672.png 1024w, https:\/\/a3mg.com\/blog\/wp-content\/uploads\/2021\/11\/skin-idoc-1-300x197.png 300w, https:\/\/a3mg.com\/blog\/wp-content\/uploads\/2021\/11\/skin-idoc-1-768x504.png 768w, https:\/\/a3mg.com\/blog\/wp-content\/uploads\/2021\/11\/skin-idoc-1.png 1235w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption class=\"wp-element-caption\">Video player interface with timeline markers indicating additional information<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"674\" src=\"https:\/\/a3mg.com\/blog\/wp-content\/uploads\/2021\/11\/skin-idoc-2-border-1024x674.png\" alt=\"Screenshot 2 showing a content page with interactive widget\" class=\"wp-image-1087\" srcset=\"https:\/\/a3mg.com\/blog\/wp-content\/uploads\/2021\/11\/skin-idoc-2-border-1024x674.png 1024w, https:\/\/a3mg.com\/blog\/wp-content\/uploads\/2021\/11\/skin-idoc-2-border-300x198.png 300w, https:\/\/a3mg.com\/blog\/wp-content\/uploads\/2021\/11\/skin-idoc-2-border-768x506.png 768w, https:\/\/a3mg.com\/blog\/wp-content\/uploads\/2021\/11\/skin-idoc-2-border.png 1236w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption class=\"wp-element-caption\">Additional information opened below the video player<\/figcaption><\/figure>\n\n\n\n<p>This interactive animation about the biology of skin color provides stop points at which students can further explore the material through additional text and illustrations, videos, questions, and simple interactive widgets.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.biointeractive.org\/classroom-resources\/interactive-exploration-how-we-get-our-skin-color\" target=\"_blank\" rel=\"noreferrer noopener\">Interactive Exploration of <em>How We Get Our Skin Color<\/em><\/a><\/p>\n\n\n\n<p>Narrated by the world&#8217;s leading authority on the evolution of human skin color, Dr. Nina Jablonski, this animation describes how and where melanin is produced in our cells and what factors affect our skin color.<\/p>\n\n\n\n<p>Working with content producers at HHMI Biointeractive, A3MG designed and programmed this customized video player and content pages.<\/p>\n\n\n\n<p>This project has been designed to comply with the WCAG 2.1 AA accessibility guidelines and includes video subtitles and an audio description (AD) version of the animation.<\/p>\n\n\n\n<p>Client: Howard Hughes Medical Institute<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This interactive animation about the biology of skin color provides stop points at which students can further explore the material through additional text and illustrations, videos, questions, and simple interactive widgets. Interactive Exploration of How We Get Our Skin Color Narrated by the world&#8217;s leading authority on the evolution of human skin color, Dr. Nina &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/a3mg.com\/blog\/skin-color\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Interactive Exploration of How We Get Our Skin Color&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[17,29,6,7],"tags":[32,33,34,35,36],"class_list":["post-698","post","type-post","status-publish","format-standard","hentry","category-interactive","category-educational-media","category-video","category-video-apps","tag-interactive","tag-development","tag-education","tag-accessibility","tag-programming"],"_links":{"self":[{"href":"https:\/\/a3mg.com\/blog\/wp-json\/wp\/v2\/posts\/698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/a3mg.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/a3mg.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/a3mg.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/a3mg.com\/blog\/wp-json\/wp\/v2\/comments?post=698"}],"version-history":[{"count":22,"href":"https:\/\/a3mg.com\/blog\/wp-json\/wp\/v2\/posts\/698\/revisions"}],"predecessor-version":[{"id":1398,"href":"https:\/\/a3mg.com\/blog\/wp-json\/wp\/v2\/posts\/698\/revisions\/1398"}],"wp:attachment":[{"href":"https:\/\/a3mg.com\/blog\/wp-json\/wp\/v2\/media?parent=698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/a3mg.com\/blog\/wp-json\/wp\/v2\/categories?post=698"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/a3mg.com\/blog\/wp-json\/wp\/v2\/tags?post=698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}