{"id":3653,"date":"2018-02-09T18:33:17","date_gmt":"2018-02-09T18:33:17","guid":{"rendered":"http:\/\/freshinbox.com\/blog\/?p=3653"},"modified":"2018-02-09T18:33:17","modified_gmt":"2018-02-09T18:33:17","slug":"magic-8-ball-achieving-pseudo-random-outcomes-in-interactive-email","status":"publish","type":"post","link":"https:\/\/freshinbox.com\/blog\/magic-8-ball-achieving-pseudo-random-outcomes-in-interactive-email\/","title":{"rendered":"Magic 8 Ball: Achieving Pseudo-Random Outcomes In Interactive Email"},"content":{"rendered":"<p><center><img decoding=\"async\" src=\"https:\/\/freshinbox.com\/blog\/wp-content\/uploads\/2018\/02\/8ball.gif\" alt=\"\" width=\"445\" class=\"aligncenter\" style=\"max-width:100%\"\/><\/center><BR><\/p>\n<p>I built an email featuring an interactive Magic 8 Ball for Email on Acid. The 8 Ball uses a technique to animate a series of labels over a button to achieve a &#8220;pseudo&#8221; random outcome when the user presses the button.<\/p>\n<p>Here&#8217;s the article that explains the details behind the email: <a href=\"https:\/\/www.emailonacid.com\/blog\/article\/email-development\/how-to-build-an-interactive-magic-8-ball-for-email\" rel=\"noopener\" target=\"_blank\">How to Build an Interactive Magic 8 Ball for Email<\/a><\/p>\n<p>You can send yourself an <a href=\"https:\/\/freshinbox.com\/examples\/8ball\/\" rel=\"noopener\" target=\"_blank\">example of the email here<\/a>.<BR><BR><\/p>\n<p><center><br \/>\n<img decoding=\"async\" src=\"https:\/\/freshinbox.com\/blog\/wp-content\/uploads\/2018\/02\/201802-box3.jpg\" alt=\"\" width=\"400\"  class=\"aligncenter\" style=\"max-width:100%\"\/><\/center><\/p>\n<p>I also created a simplified version demonstrating the concept <a href=\"https:\/\/codepen.io\/freshinbox\/pen\/ddOLda\" rel=\"noopener\" target=\"_blank\">in this CodePen<\/a>.<\/p>\n<p>Hint: Click on the detective on the top right to see the innerworkings of the design.<\/p>\n<p><BR><BR><\/p>\n<div style=\"padding:10px; border: 2px solid #99C731;background-color:#FFF8DC;border-radius:5px;\">\n<form action=\"https:\/\/freshinbox1.createsend.com\/t\/i\/s\/adrmi\/\" method=\"post\" id=\"subForm\">\n<span class=\"fisub_header\" style=\"font-weight:bold;\">Subscribe to the #EmailGeeks Newsletter<\/span>\n<p><input id=\"fieldEmail\" name=\"cm-adrmi-adrmi\" type=\"email\" style=\"width:90%\" required placeholder=\"Your Email Address\" \/><\/p>\n<p><button type=\"submit\">Subscribe<\/button><\/p>\n<\/form>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>I built an email incorporating an interactive Magic 8 Ball for Email on Acid. This technique uses a technique animating a series of labels over a button to achieve a &#8220;pseudo&#8221; random outcome when the user presses the button.<\/p>\n","protected":false},"author":2,"featured_media":3654,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[48,24,25,47],"tags":[],"_links":{"self":[{"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/posts\/3653"}],"collection":[{"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/comments?post=3653"}],"version-history":[{"count":9,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/posts\/3653\/revisions"}],"predecessor-version":[{"id":3665,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/posts\/3653\/revisions\/3665"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/media\/3654"}],"wp:attachment":[{"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/media?parent=3653"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/categories?post=3653"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/tags?post=3653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}