Pens from Peter Wang https://codepen.io/happypeter/ en nospam@codepen.io Copyright 2024 2022-05-28T00:43:04-07:00 A Pen by Peter Wang https://codepen.io/happypeter/pen/wvypLeB https://codepen.io/happypeter/pen/wvypLeB Peter Wang

See the Code - See it Full Page - See Details

]]>
A Pen by Peter Wang 2022-05-28T00:43:04-07:00
A Pen by Peter Wang https://codepen.io/happypeter/pen/yEjXbd https://codepen.io/happypeter/pen/yEjXbd Peter Wang

See the Code - See it Full Page - See Details

]]>
A Pen by Peter Wang 2018-06-22T03:11:57-07:00
Dynamo-ic volume https://codepen.io/happypeter/pen/ZXQoOM https://codepen.io/happypeter/pen/ZXQoOM Peter Wang

See the Code - See it Full Page - See Details

]]>
Dynamo-ic volume 2017-09-19T03:47:03-07:00
A Pen by Peter Wang https://codepen.io/happypeter/pen/ZJBBzW https://codepen.io/happypeter/pen/ZJBBzW Peter Wang

See the Code - See it Full Page - See Details

]]>
A Pen by Peter Wang 2017-08-04T06:08:08-07:00
Material Design slide tabs [Touch ready] https://codepen.io/happypeter/pen/EvaPYG https://codepen.io/happypeter/pen/EvaPYG Peter Wang

See the Code - See it Full Page - See Details

*Beta* - Built loosely on Bootstrap. - Object orientated jQuery by me. Touch enabled side scrolling tabs that mimic Android's stock app drawer. FEATURES - 1. Swipe to scroll. 2. Screen edge Hotspots. 3. Tab scroll. 4. Auto populating drawer panes. PLANS AND PARTIALS: 1. Natural slide scrolling with cancel control if your finger moves back. [partial] 2. Colorable tabs based on css. 3. json powered drawer items, eg icons text, action. 4. Search. 5, Menu Dropdown. 6. Overscroll effects (3d) 7. responsive [Urgent] 8. cross browser support. Best served on a tablet. Enjoy ps. A little uncomfortable with this pen being added to collection called "tools" when the tool isnt even finished! be carefull with production projects.

]]>
Material Design slide tabs [Touch ready] 2017-07-25T08:36:11-07:00
Three Pure CSS Button https://codepen.io/happypeter/pen/JyPMpR https://codepen.io/happypeter/pen/JyPMpR Peter Wang

See the Code - See it Full Page - See Details

]]>
Three Pure CSS Button 2017-07-22T08:24:55-07:00
Touch swipe detection in pure JavaScript https://codepen.io/happypeter/pen/GEdoLp https://codepen.io/happypeter/pen/GEdoLp Peter Wang

See the Code - See it Full Page - See Details

swipe detection with native js. view the pen from a touch device to see it work.

]]>
Touch swipe detection in pure JavaScript 2017-07-03T13:06:16-07:00
Slider like Yahoo Weather App https://codepen.io/happypeter/pen/dRmpry https://codepen.io/happypeter/pen/dRmpry Peter Wang

See the Code - See it Full Page - See Details

]]>
Slider like Yahoo Weather App 2017-07-01T12:43:52-07:00
react dropdown component https://codepen.io/happypeter/pen/EXPjzd https://codepen.io/happypeter/pen/EXPjzd Peter Wang

See the Code - See it Full Page - See Details

]]>
react dropdown component 2017-06-08T23:12:39-07:00
React + Redux Todo ✅ https://codepen.io/happypeter/pen/EmGdJq https://codepen.io/happypeter/pen/EmGdJq Peter Wang

See the Code - See it Full Page - See Details

Been doing @wesbos React and ES6 courses and Dan Abramov Redux course over on https://egghead.io/, so I figuired what the world needed was another todo app...

]]>
React + Redux Todo ✅ 2017-05-23T08:15:42-07:00