Pens from Bethany Bovard https://codepen.io/bbovard/ en nospam@codepen.io Copyright 2024 2018-05-21T17:46:41-07:00 Spin https://codepen.io/bbovard/pen/jxJOLp https://codepen.io/bbovard/pen/jxJOLp Bethany Bovard

See the Code - See it Full Page - See Details

Using this code to practice "tinkering" with JS See https://gist.github.com/jrue/a2aaf36b3c096925ccbf MIT License Copyright (c) 2017 Jeremy Rue Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

]]>
Spin 2018-05-21T17:46:41-07:00
A Pen by Bethany Bovard https://codepen.io/bbovard/pen/zEKxgy https://codepen.io/bbovard/pen/zEKxgy Bethany Bovard

See the Code - See it Full Page - See Details

]]>
A Pen by Bethany Bovard 2017-09-21T23:55:43-07:00
HTML5quiz Examples https://codepen.io/bbovard/pen/jwvJJp https://codepen.io/bbovard/pen/jwvJJp Bethany Bovard

See the Code - See it Full Page - See Details

]]>
HTML5quiz Examples 2017-07-07T22:53:37-07:00
Accordion https://codepen.io/bbovard/pen/ZyoLNp https://codepen.io/bbovard/pen/ZyoLNp Bethany Bovard

See the Code - See it Full Page - See Details

]]>
Accordion 2017-07-03T19:03:41-07:00
Flexbox Accordion https://codepen.io/bbovard/pen/XgEwaQ https://codepen.io/bbovard/pen/XgEwaQ Bethany Bovard

See the Code - See it Full Page - See Details

]]>
Flexbox Accordion 2017-07-03T05:21:39-07:00
Horizontal Accordion https://codepen.io/bbovard/pen/rwdgmP https://codepen.io/bbovard/pen/rwdgmP Bethany Bovard

See the Code - See it Full Page - See Details

Inspired by Ch3mical.com. I saw this accordion at Paul Kelley's website. He had used jQuery and images to achieve the effect. I decided to take a CSS3 approach and use elements instead of images. I have use Genericons font for the social networking icons.

]]>
Horizontal Accordion 2017-07-03T05:15:53-07:00
Transition Animations https://codepen.io/bbovard/pen/MoVZwp https://codepen.io/bbovard/pen/MoVZwp Bethany Bovard

See the Code - See it Full Page - See Details

Basic practice with transition animations

]]>
Transition Animations 2017-07-02T22:58:06-07:00
BeSilly https://codepen.io/bbovard/pen/bRvYPN https://codepen.io/bbovard/pen/bRvYPN Bethany Bovard

See the Code - See it Full Page - See Details

Just silly experiments for simple visuals... for practice

]]>
BeSilly 2017-07-02T06:04:49-07:00
React Memory Game https://codepen.io/bbovard/pen/eREOEG https://codepen.io/bbovard/pen/eREOEG Bethany Bovard

See the Code - See it Full Page - See Details

A small memory game made by ReactJS - ES6 syntax Inspired by [Tuan, my colleague](https://www.facebook.com/nguyen.tuan192)

]]>
React Memory Game 2017-06-22T22:28:38-07:00
Web Flash Cards https://codepen.io/bbovard/pen/OXbRYN https://codepen.io/bbovard/pen/OXbRYN Bethany Bovard

See the Code - See it Full Page - See Details

web cards to help students study

]]>
Web Flash Cards 2016-06-21T21:35:34-07:00