Pens from The Iron Yard ATX Kids https://codepen.io/theironyardatxkids/ en nospam@codepen.io Copyright 2024 2016-01-20T16:07:42-07:00 SRE Questions https://codepen.io/theironyardatxkids/pen/JYepqR https://codepen.io/theironyardatxkids/pen/JYepqR The Iron Yard ATX Kids

See the Code - See it Full Page - See Details

For SRE coders to ask questions.

]]>
SRE Questions 2016-01-20T16:07:42-07:00
Teaching Animation-Moving and Rotating a Div https://codepen.io/theironyardatxkids/pen/ZbmrNz https://codepen.io/theironyardatxkids/pen/ZbmrNz The Iron Yard ATX Kids

See the Code - See it Full Page - See Details

For a 5th grade coding class at SRE. This pen shows how to move an element on the page and also how to rotate an element.

]]>
Teaching Animation-Moving and Rotating a Div 2015-11-11T04:58:28-07:00
Teaching-Creating a Search Bar https://codepen.io/theironyardatxkids/pen/jbQZRd https://codepen.io/theironyardatxkids/pen/jbQZRd The Iron Yard ATX Kids

See the Code - See it Full Page - See Details

For a 5th grade coding class at SRE. This pen shows how to create and style a search bar. Forked from [Jesse Crow](http://codepen.io/crowjm/)'s Pen [Teaching-Creating a Search Bar](http://codepen.io/crowjm/pen/PPxJzm/).

]]>
Teaching-Creating a Search Bar 2015-11-11T04:58:50-07:00
Teaching-Creating Shapes with CSS https://codepen.io/theironyardatxkids/pen/WQYMWY https://codepen.io/theironyardatxkids/pen/WQYMWY The Iron Yard ATX Kids

See the Code - See it Full Page - See Details

For a 5th grade coding class at SRE. This pen uses CSS to create a square, rectangle, oval, and circle. Forked from [Jesse Crow](http://codepen.io/crowjm/)'s Pen [Teaching-Creating Shapes with CSS](http://codepen.io/crowjm/pen/gaQGQo/).

]]>
Teaching-Creating Shapes with CSS 2015-11-11T04:58:47-07:00
Teaching Animation-Div Changes Sizes https://codepen.io/theironyardatxkids/pen/OyaQGZ https://codepen.io/theironyardatxkids/pen/OyaQGZ The Iron Yard ATX Kids

See the Code - See it Full Page - See Details

For a 5th grade coding class at SRE. In this pen, CSS animation is used to grow and shrink the size of a div.

]]>
Teaching Animation-Div Changes Sizes 2015-11-11T04:58:12-07:00
Teaching Animation-Rainbow & Hover Color https://codepen.io/theironyardatxkids/pen/PPxQgR https://codepen.io/theironyardatxkids/pen/PPxQgR The Iron Yard ATX Kids

See the Code - See it Full Page - See Details

For a 5th grade coding class at SRE. In this pen, CSS animation is used to create a rainbow background-color animation on a div and also to transition the background-color on the hover state.

]]>
Teaching Animation-Rainbow & Hover Color 2015-11-11T04:56:38-07:00
The Mystery of the Flying Knife https://codepen.io/theironyardatxkids/pen/OywrQO https://codepen.io/theironyardatxkids/pen/OywrQO The Iron Yard ATX Kids

See the Code - See it Full Page - See Details

Forked from [Luke B.](http://codepen.io/bannanawizard3000/)'s Pen [The Mystery of the Flying Knife](http://codepen.io/bannanawizard3000/pen/yYjJzx/).

]]>
The Mystery of the Flying Knife 2015-11-03T21:48:19-07:00
Bridget O. - copy https://codepen.io/theironyardatxkids/pen/gajZRW https://codepen.io/theironyardatxkids/pen/gajZRW The Iron Yard ATX Kids

See the Code - See it Full Page - See Details

]]>
Bridget O. - copy 2015-11-03T21:37:08-07:00
Dillan B. https://codepen.io/theironyardatxkids/pen/zvjKYx https://codepen.io/theironyardatxkids/pen/zvjKYx The Iron Yard ATX Kids

See the Code - See it Full Page - See Details

]]>
Dillan B. 2015-11-10T21:46:26-07:00
Luke B. https://codepen.io/theironyardatxkids/pen/Boxzgr https://codepen.io/theironyardatxkids/pen/Boxzgr The Iron Yard ATX Kids

See the Code - See it Full Page - See Details

]]>
Luke B. 2015-10-27T19:57:50-07:00