Pens from Charlie Hield https://codepen.io/stursby/ en nospam@codepen.io Copyright 2024 2022-12-06T18:28:17-07:00 A Pen by Charlie Hield https://codepen.io/stursby/pen/wvXNWQo https://codepen.io/stursby/pen/wvXNWQo Charlie Hield

See the Code - See it Full Page - See Details

]]>
A Pen by Charlie Hield 2022-12-06T18:28:17-07:00
Github mono sans interaction https://codepen.io/stursby/pen/xxzdZeB https://codepen.io/stursby/pen/xxzdZeB Charlie Hield

See the Code - See it Full Page - See Details

]]>
Github mono sans interaction 2022-11-11T20:24:29-07:00
A Pen by Charlie Hield https://codepen.io/stursby/pen/jOGeLQJ https://codepen.io/stursby/pen/jOGeLQJ Charlie Hield

See the Code - See it Full Page - See Details

]]>
A Pen by Charlie Hield 2022-01-11T03:53:46-07:00
A Pen by Charlie Hield https://codepen.io/stursby/pen/rNzWMzW https://codepen.io/stursby/pen/rNzWMzW Charlie Hield

See the Code - See it Full Page - See Details

]]>
A Pen by Charlie Hield 2021-10-21T20:32:27-07:00
CSS Scroll Snap Carousel https://codepen.io/stursby/pen/jOmebZm https://codepen.io/stursby/pen/jOmebZm Charlie Hield

See the Code - See it Full Page - See Details

Using CSS scroll snap points to make a simple carousel. Tested in Safari 11, Firefox 61, Chrome 69 (Canary), and Edge 17.

]]>
CSS Scroll Snap Carousel 2021-08-05T17:03:26-07:00
CM Hacky Hour https://codepen.io/stursby/pen/ERBjMr https://codepen.io/stursby/pen/ERBjMr Charlie Hield

See the Code - See it Full Page - See Details

]]>
CM Hacky Hour 2018-07-05T20:11:52-07:00
chromeless Youtube player https://codepen.io/stursby/pen/opxaPj https://codepen.io/stursby/pen/opxaPj Charlie Hield

See the Code - See it Full Page - See Details

]]>
chromeless Youtube player 2017-12-19T22:22:52-07:00
Vue.js slider https://codepen.io/stursby/pen/egGGPg https://codepen.io/stursby/pen/egGGPg Charlie Hield

See the Code - See it Full Page - See Details

Slider based on --> http://www.storytrail.co

]]>
Vue.js slider 2017-03-17T16:19:13-07:00
Movin bodymovin https://codepen.io/stursby/pen/wWEbqN https://codepen.io/stursby/pen/wWEbqN Charlie Hield

See the Code - See it Full Page - See Details

Toggle between the Canvas and the Svg renders. These animations are exported from After Effects and animated with javascript. svg version doesn't handle fill-rules correctly yet. canvas version on chrome has jagged masks, apparently it's a known bug with clipping a canvas on webkit. UPDATE: thanks to @AmeliaBR 's help on transforming ellipses to cubic beziers, I got the fill-rule working on the svg version.

]]>
Movin bodymovin 2016-08-03T18:30:27-07:00
Treehouse: Photo Gallery https://codepen.io/stursby/pen/JXpvMb https://codepen.io/stursby/pen/JXpvMb Charlie Hield

See the Code - See it Full Page - See Details

]]>
Treehouse: Photo Gallery 2016-04-11T22:56:15-07:00