{"id":2533,"date":"2011-12-26T10:07:57","date_gmt":"2011-12-26T08:07:57","guid":{"rendered":"https:\/\/iguanademos.com\/Jare\/wp\/?p=2533"},"modified":"2012-02-05T02:27:32","modified_gmt":"2012-02-05T00:27:32","slug":"colors","status":"publish","type":"post","link":"https:\/\/iguanademos.com\/Jare\/wp\/?p=2533","title":{"rendered":"Colors!"},"content":{"rendered":"<p>Our little one loves to grab anything shiny, but is especially attracted to LCD screens of any type. He loves the netbook, the MacBook, my desktop&#8217;s dual monitors, and of course the big TV, but most of all he loves the iPhone. I often activate the camera in reverse mode and let him play with it, but there&#8217;s always been a problem: while he manipulates the phone, he will push some control or other and stop the camera, go to the desktop and start pushing random icons. I was wishing for some sort of &#8216;baby mode&#8217; where something neat would be happening on the screen, but controls would be disabled.<\/p>\n<p>I decided to use the Sunday morning to dust off my Canvas, CSS and JavaScript skills to code, with Alba&#8217;s design input and feedback, a little BabySaver that could keep his attention with bright colors, and be impossible to quit for him. <a title=\"Colors BabySaver\" href=\"https:\/\/iguanademos.com\/Jare\/temp\/html5\/BabySavers\/Colors\/\" target=\"_blank\">Click here<\/a> to see its current form. Click on the &#8220;Endless&#8221; button to enable interactions, otherwise any clicks will take you to my homepage.<!--more--><\/p>\n<p>The conclusion? He is much more interested in the iPhone&#8217;s back, the plastic cover, and trying to eat them, than in watching the flying colors. And he still manages to open the iOS Notification Center pull-down, and from there go to the Message Center or some other app, in effect leaving the BabySaver. In typical <em>&#8220;we know better than you&#8221;<\/em> Apple style, the pull down can&#8217;t be disabled, not even inside native apps or as a global configuration setting.<\/p>\n<p>As usual, getting the CSS and scaffolding to work properly across browsers (including mobile Safari) was much more time consuming than programming the actual effects. Particularly disturbing was when the iPhone didn&#8217;t like the &#8216;Style&#8217; button in the upper left corner: it worked fine in the beginning, but after adding the other buttons and the button style, it became unclickable (almost! With lots of trying, I could manage to click it). I have no idea why, and I couldn&#8217;t figure out how to revert this behaviour. This, along with the Notification Center issue, is the reason the buttons are at the bottom.<\/p>\n<p>I haven&#8217;t tried it on any Androids or Windows Phones, but I have high hopes. Now that all the boring pieces are in place I&#8217;ll probably try to write more effects and sounds to see how he likes them.<\/p>\n<p>Feedback is welcome!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Our little one loves to grab anything shiny, but is especially attracted to LCD screens of any type. He loves the netbook, the MacBook, my desktop&#8217;s dual monitors, and of course the big TV, but most of all he loves &hellip; <a href=\"https:\/\/iguanademos.com\/Jare\/wp\/?p=2533\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[18,16,17],"class_list":["post-2533","post","type-post","status-publish","format-standard","hentry","category-development","tag-baby","tag-html5","tag-mobile"],"_links":{"self":[{"href":"https:\/\/iguanademos.com\/Jare\/wp\/index.php?rest_route=\/wp\/v2\/posts\/2533","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iguanademos.com\/Jare\/wp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/iguanademos.com\/Jare\/wp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/iguanademos.com\/Jare\/wp\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/iguanademos.com\/Jare\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2533"}],"version-history":[{"count":5,"href":"https:\/\/iguanademos.com\/Jare\/wp\/index.php?rest_route=\/wp\/v2\/posts\/2533\/revisions"}],"predecessor-version":[{"id":2535,"href":"https:\/\/iguanademos.com\/Jare\/wp\/index.php?rest_route=\/wp\/v2\/posts\/2533\/revisions\/2535"}],"wp:attachment":[{"href":"https:\/\/iguanademos.com\/Jare\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2533"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iguanademos.com\/Jare\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2533"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iguanademos.com\/Jare\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2533"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}