Hand-Eye Coordination Activities for Babies and Toddlers

Looking to learn more about how babies develop hand-eye coordination? Well, we can help! You’ll learn helpful exercises that encourage learning and growing.

/* ----------------------------------------- */ /* Content Template: Activity Box Expanded - start */ /* ----------------------------------------- */ .grid-item { width: 100%; box-sizing: border-box; margin-bottom: 20px; } .grid-sizer { width: 100%; } .gutter-sizer { width: 0%; }@media only screen and (min-width: 600px) { .grid-item { max-width: 48%; box-sizing: border-box; margin-bottom: 4%; } .grid-sizer { width: 48%; } .gutter-sizer { width: 4%; } }@media only screen and (min-width: 768px) { .grid-item { max-width: 32%; box-sizing: border-box; margin-bottom: 1%; } .grid-sizer { width: 32%; } .gutter-sizer { width: 1%; } }.activity-box { width: 100%; margin: 0; padding: 0px; overflow: auto; border: 3px solid #eeeeee; border-radius: 3px; background: #eeeeee; color: #000000; }.activity-box-link { position:relative; }.activity-box:hover{ background: #59a496; color: #FFFFFF; border: 3px solid #59a496; }.activity-box-image { border: none; padding: 0px; margin: 0px; }.activity-box-tittle { width: 100%; border: none; text-align: center; padding-top: 6px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; font-size: 16px; }.activity-box-professional { width: 100%; border: none; text-align: center; padding-top: 6px; padding-bottom: 6px; padding-left: 12px; padding-right: 12px; background: #222222; color: #FFFFFF; font-size: 12px; } .activity-box-exclusive { width: 100%; border: none; text-align: center; padding-top: 6px; padding-bottom: 6px; padding-left: 12px; padding-right: 12px; background: #E3723F ; color: #FFFFFF; font-size: 12px; }.activity-box-main { width: 100%; border: none; color: #222222; background: #ffffff; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; overflow: auto; font-size: 16px; } .activity-box-main p { margin: 0px; padding: 0px; }.activity-box-details { border: none; font-size: 12px; color: #888888; background: #ffffff; padding-top: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; }.activity-box-expand-wrapper { border-left: 6px solid #FFFFFF; border-right: 6px solid #FFFFFF; background: #ffffff; }.activity-box-open-wrapper { background: #ffffff; display: block; }.activity-box-expand { display: block; width: 100%; text-align: center; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; background: #eeeeee; color: #000000; font-size: 16px; z-index: 2; position:relative; border-radius: 3px; }.activity-box-expand:hover { background: #59a496; color: #FFFFFF; }.activity-box .activity-box-expanded-info .activity-box-open { display: block; width: 100%; text-align: center; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; background: #eeeeee; color: #000000; font-size: 16px; z-index: 2; position:relative; }.activity-box .activity-box-expanded-info { border-left: 6px solid #FFFFFF; border-right: 6px solid #FFFFFF; border-bottom: 6px solid #FFFFFF; }.activity-box .activity-box-expanded-info .activity-box-open:hover { background: #59a496; color: #FFFFFF; }.activity-box-like { display: block; width: 50%; border: 6px solid #FFFFFF; text-align: center; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; background: #eeeeee; color: #000000; font-size: 16px; overflow: auto; float: left; z-index: 2; position:relative; }.activity-box-like:hover { background: #59a496; color: #FFFFFF; }.activity-box-dislike { display: block; width: 50%; border-top: 6px solid #FFFFFF; border-bottom: 6px solid #FFFFFF; border-right: 6px solid #FFFFFF; text-align: center; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; background: #eeeeee; color: #000000; font-size: 16px; overflow: auto; float: right; z-index: 2; position:relative; }.activity-box-dislike:hover { background: #59a496; color: #FFFFFF; }.activity-box a.activity-box-expand, .activity-box a.activity-box-like, .activity-box a.activity-box-dislike, .activity-box a.activity-box-open{ background: #EEEEEE; color: #000000; }.activity-box a.activity-box-expand:hover, .activity-box a.activity-box-like:hover, .activity-box a.activity-box-dislike:hover, .activity-box a.activity-box-open:hover{ background: #59a496; color: #FFFFFF; cursor: pointer; }.activity-box-like-dislike { display: block; width: 100%; border: 6px solid #FFFFFF; text-align: center; padding: 0; background-color: #FFFFFF; z-index: 2; position:relative; overflow: auto; }.link-spanner{ position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; background-color: white; /*workaround to make clickable in IE */ opacity: 0; /*workaround to make clickable in IE */ filter: alpha(opacity=0); /*workaround to make clickable in IE *//* edit: fixes overlap error in IE7/8, make sure you have an empty gif background-image: url('empty.gif');*/ }.activity-box-headline { display: block; width: 100%; border: none; text-align: center; padding-top: 6px; padding-bottom: 6px; padding-left: 12px; padding-right: 12px; background: #FFFFFF; color: #000000; font-size: 16px; }.activity-box-content { display: block; width: 100%; border: none; text-align: left; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; background: #FFFFFF; color: #000000; font-size: 12px; } .activity-box-content-center { text-align: center; }.activity-box-expanded-info .activity-box-content-milestones { text-align:center; } .activity-box-expanded-info .activity-box-content-milestones a { display: inline-block; border: none; padding-top: 6px; padding-bottom: 6px; padding-left: 12px; padding-right: 12px; background: #eeeeee; color: #000000; font-size: 12px; margin: 0 6px 6px 0; z-index: 20; border-radius: 3px; }.activity-box-expanded-info .activity-box-content-milestones a:hover { background: #59a496; color: #FFFFFF; }.activity-box-expanded-info { z-index: 2; position:relative; display: none; }/* ----------------------------------------- */ /* Content Template: Activity Box Expanded - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Article Post Box - start */ /* ----------------------------------------- */ .grid-item { width: 100%; box-sizing: border-box; margin-bottom: 20px; } .grid-sizer { width: 100%; } .gutter-sizer { width: 0%; }@media only screen and (min-width: 600px) { .grid-item { max-width: 48%; box-sizing: border-box; margin-bottom: 4%; } .grid-sizer { width: 48%; } .gutter-sizer { width: 4%; } }@media only screen and (min-width: 768px) { .grid-item { max-width: 32%; box-sizing: border-box; margin-bottom: 1%; } .grid-sizer { width: 32%; } .gutter-sizer { width: 1%; } }.post-box { width: 100%; margin: 0; padding: 0px; overflow: auto; border: 3px solid #eeeeee; border-radius: 3px; background: #eeeeee; color: #000000; }.post-box:hover{ background: #E3723F; color: #FFFFFF; border: 3px solid #E3723F; }.post-box-image { border: none; padding: 0px; margin: 0px; }.post-box-tittle { width: 100%; border: none; text-align: center; padding-top: 6px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; font-size: 16px; }.post-box-main { width: 100%; border: none; color: #222222; background: #ffffff; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; overflow: auto; font-size: 16px; }.post-box-main p { margin: 0px; padding: 0px; }.post-box-link { position:relative; }.post-box-expand-wrapper { position:relative; display: block; width: 100%; border-left: 6px solid #FFFFFF; border-right: 6px solid #FFFFFF; text-align: center; background: #FFFFFF; z-index: 2;}.post-box-expand { display: block; width: 100%; text-align: center; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; background: #eeeeee; color: #000000; font-size: 16px; z-index: 2; position:relative; }.post-box-expand:hover { background: #59a496; color: #FFFFFF; }.post-box-like { display: block; width: 50%; border: 6px solid #FFFFFF; text-align: center; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; background: #eeeeee; color: #000000; font-size: 16px; overflow: auto; float: left; z-index: 2; position:relative; }.post-box-like:hover { background: #E3723F; color: #FFFFFF; }.post-box-dislike { display: block; width: 50%; border-top: 6px solid #FFFFFF; border-bottom: 6px solid #FFFFFF; border-right: 6px solid #FFFFFF; text-align: center; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; background: #eeeeee; color: #000000; font-size: 16px; overflow: auto; float: right; z-index: 2; position:relative; }.post-box-dislike:hover { background: #E3723F; color: #FFFFFF; }.post-box a.post-box-expand, .post-box a.post-box-like, .post-box a.post-box-dislike, .post-box a.post-box-open{ background: #EEEEEE; color: #000000; }.post-box a.post-box-expand:hover, .post-box a.post-box-like:hover, .post-box a.post-box-dislike:hover, .post-box a.post-box-open:hover{ background: #59a496; color: #FFFFFF; cursor: pointer; }.post-box-like-dislike { display: block; width: 100%; border: 6px solid #FFFFFF; text-align: center; padding: 0; background-color: #FFFFFF; z-index: 2; position:relative; overflow: auto; }.link-spanner{ position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; background-color: white; /*workaround to make clickable in IE */ opacity: 0; /*workaround to make clickable in IE */ filter: alpha(opacity=0); /*workaround to make clickable in IE *//* edit: fixes overlap error in IE7/8, make sure you have an empty gif background-image: url('empty.gif');*/ }/* ----------------------------------------- */ /* Content Template: Article Post Box - end */ /* ----------------------------------------- */