Building Vocabulary Activities for Babies and Toddlers

27 Developmental Milestones to understand how and when babies learn to talk. Plus lots of activities to help promote your baby’s early language development.

/* ----------------------------------------- */ /* 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 */ /* ----------------------------------------- */