{"id":680,"date":"2012-06-28T19:31:12","date_gmt":"2012-06-29T01:31:12","guid":{"rendered":"http:\/\/cbateman.com\/blog\/?p=680"},"modified":"2014-04-12T20:53:40","modified_gmt":"2014-04-13T01:53:40","slug":"a-simple-web-app-for-toddlers","status":"publish","type":"post","link":"https:\/\/cbateman.com\/blog\/a-simple-web-app-for-toddlers\/","title":{"rendered":"A Simple Web App for Toddlers"},"content":{"rendered":"<p>Access it here: <a href=\"http:\/\/cbateman.com\/apps\/ColorSwap\">ColorSwap<\/a><\/p>\r\n\r\n<p>A while back, I threw together a quick app for my then one-year-old son. It&#8217;s just a grid of colorful squares which can be flipped over by tapping, revealing a new unified color. I completely ripped it off from an <a href=\"http:\/\/itunes.apple.com\/us\/app\/color-squares\/id415130620\">iOS app<\/a> that was great except for one thing &#8211; after each round the grid subdivided and the squares got smaller and my son quickly lost interest. So in my version, the grid remains the same size each round.<\/p>\r\n<p>I made one other crucial modification: you have to make a distinct tap on each square to flip it &#8211; you can&#8217;t just drag your hand across the screen and flip them all. Being a one-year-old, he was pretty good at mashing, but I wanted to encourage some precision.<\/p>\r\n<p>It was a hit; he played it over and over, and once he was old enough to learn his colors, he&#8217;d rattle them off as he tapped on them.<\/p>\r\n<p>I hadn&#8217;t intended to really release it, as it&#8217;s very basic, but the <a href=\"https:\/\/github.com\/chrisbateman\/ColorSwap\">source is on Github<\/a> so feel free to fork it if you&#8217;d like to improve on it.<\/p>\r\n\r\n<p>It works offline, so just add it to your home screen. It might entertain your child for a few minutes!<\/p>\r\n\r\n<p><a href=\"http:\/\/cbateman.com\/apps\/ColorSwap\">ColorSwap<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Access it here: ColorSwap A while back, I threw together a quick app for my then one-year-old son. It&#8217;s just a grid of colorful squares which can be flipped over by tapping, revealing a new unified color. I completely ripped it off from an iOS app that was great except for one thing &#8211; after each round the grid subdivided&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-680","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/cbateman.com\/blog\/wp-json\/wp\/v2\/posts\/680"}],"collection":[{"href":"https:\/\/cbateman.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cbateman.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cbateman.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cbateman.com\/blog\/wp-json\/wp\/v2\/comments?post=680"}],"version-history":[{"count":17,"href":"https:\/\/cbateman.com\/blog\/wp-json\/wp\/v2\/posts\/680\/revisions"}],"predecessor-version":[{"id":1281,"href":"https:\/\/cbateman.com\/blog\/wp-json\/wp\/v2\/posts\/680\/revisions\/1281"}],"wp:attachment":[{"href":"https:\/\/cbateman.com\/blog\/wp-json\/wp\/v2\/media?parent=680"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cbateman.com\/blog\/wp-json\/wp\/v2\/categories?post=680"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cbateman.com\/blog\/wp-json\/wp\/v2\/tags?post=680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}