Pens from Adam Ou-Yang https://codepen.io/adon988/ en nospam@codepen.io Copyright 2024 2022-04-24T08:37:38-07:00 A Pen by Adam Ou-Yang https://codepen.io/adon988/pen/vYpwGgQ https://codepen.io/adon988/pen/vYpwGgQ Adam Ou-Yang

See the Code - See it Full Page - See Details

]]>
A Pen by Adam Ou-Yang 2022-04-24T08:37:38-07:00
A Pen by Adam Ou-Yang https://codepen.io/adon988/pen/wvGqNVO https://codepen.io/adon988/pen/wvGqNVO Adam Ou-Yang

See the Code - See it Full Page - See Details

]]>
A Pen by Adam Ou-Yang 2020-11-14T11:15:47-07:00
A Pen by Adam Ou-Yang https://codepen.io/adon988/pen/NWqGpNp https://codepen.io/adon988/pen/NWqGpNp Adam Ou-Yang

See the Code - See it Full Page - See Details

]]>
A Pen by Adam Ou-Yang 2020-02-12T08:23:11-07:00
A Pen by Adam Ou-Yang https://codepen.io/adon988/pen/BayxXZo https://codepen.io/adon988/pen/BayxXZo Adam Ou-Yang

See the Code - See it Full Page - See Details

]]>
A Pen by Adam Ou-Yang 2020-01-12T16:52:51-07:00
Pure CSS Hamburger fold-out menu https://codepen.io/adon988/pen/ExawRmo https://codepen.io/adon988/pen/ExawRmo Adam Ou-Yang

See the Code - See it Full Page - See Details

I came up with this idea to use the :checked selector to activate a hamburger menu. This is it, no js to toggle a class.

]]>
Pure CSS Hamburger fold-out menu 2020-01-01T10:45:18-07:00
Vuetest https://codepen.io/adon988/pen/OJJoKGQ https://codepen.io/adon988/pen/OJJoKGQ Adam Ou-Yang

See the Code - See it Full Page - See Details

]]>
Vuetest 2019-11-14T12:43:14-07:00
CSS Rock-Paper-Scissors https://codepen.io/adon988/pen/gOObePL https://codepen.io/adon988/pen/gOObePL Adam Ou-Yang

See the Code - See it Full Page - See Details

A Rock-Paper-Scissor game developed in HTML+CSS without any JavaScript.

]]>
CSS Rock-Paper-Scissors 2019-10-08T02:29:26-07:00
test https://codepen.io/adon988/pen/Ymqbog https://codepen.io/adon988/pen/Ymqbog Adam Ou-Yang

See the Code - See it Full Page - See Details

]]>
test 2019-07-24T16:25:34-07:00
A Pen by Adam Ou-Yang https://codepen.io/adon988/pen/aevQmg https://codepen.io/adon988/pen/aevQmg Adam Ou-Yang

See the Code - See it Full Page - See Details

]]>
A Pen by Adam Ou-Yang 2019-07-22T16:39:11-07:00
💿 Song Selector, Part 2 | @keyframers 2.11.1 https://codepen.io/adon988/pen/qeByOr https://codepen.io/adon988/pen/qeByOr Adam Ou-Yang

See the Code - See it Full Page - See Details

David Khourshid and Stephen Shaw finish a playlist picker and song selector in part 2 of this music app animation. * ⏰ Streamed live on July 15, 2019 at https://twitch.tv/keyframers * 💡 Inspiration: https://dribbble.com/shots/6725667-Music-interaction-animation-origami * 📺 Part 1 Video: https://youtu.be/nR6GcsL3Ngk * 💻 Part 1 Code: https://cdpn.io/pen/mZQqdX * 📺 Part 2 Video: https://youtu.be/B2xYaxIeE7w * 💻 Part 2 Code: https://cdpn.io/pen/mZZWjB Skip around: 1:20 Xstate Viz 3:45 Animation overview 4:50 Start coding 1:08:20 Keyflections Additional Resources: * XState Viz https://twitter.com/DavidKPiano/status/1150805037108617216 https://xstate.js.org/viz/ * Origami Design https://origami.design/ * HammerJS https://hammerjs.github.io/ * Flipping https://github.com/davidkpiano/flipping Like what we're doing? There are many ways you can support @keyframers so we can keep live coding awesome animations! * Like & subscribe on YouTube at https://youtube.com/keyframers * Follow & tweet us at https://twitter.com/keyframers. * Join the live streams & subscribe on Twitch http://twitch.tv/keyframers * Support us on Patreon at https://patreon.com/keyframers Topics covered: * Swipe/touch gesture control * State Machines & Transitions * CSS Var Calculations and Transforms

]]>
💿 Song Selector, Part 2 | @keyframers 2.11.1 2019-07-18T14:18:51-07:00