Pens from Kang https://codepen.io/kang/ en nospam@codepen.io Copyright 2024 2018-04-29T14:40:08-07:00 Pure CSS Hamburger fold-out menu https://codepen.io/kang/pen/zdeobj https://codepen.io/kang/pen/zdeobj Kang

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 2017-09-01T09:34:41-07:00
Snake Finder Thingy (reqAnimFrame) https://codepen.io/kang/pen/VWLYEq https://codepen.io/kang/pen/VWLYEq Kang

See the Code - See it Full Page - See Details

Snakes a path

]]>
Snake Finder Thingy (reqAnimFrame) 2017-06-06T11:15:40-07:00
#codevember Hologram of a Vertex skull https://codepen.io/kang/pen/wKZwjW https://codepen.io/kang/pen/wKZwjW Kang

See the Code - See it Full Page - See Details

Experimenting with particle recombination , distortion and jitter rendered over the vertices of a skull. Credits: hand model - Super Dasil, skull - Ben Houston, spinner loader found on codepen. It takes a while to load the models, best viewed in full screen mode.

]]>
#codevember Hologram of a Vertex skull 2018-04-29T14:40:08-07:00
Particle Skull https://codepen.io/kang/pen/GpPJmr https://codepen.io/kang/pen/GpPJmr Kang

See the Code - See it Full Page - See Details

Experimenting with particles rendered over the vertices of a skull. Credits to the skull model off clara.io by Ben Houston and @mrdoob's tutorial on particles. Best viewed in full page mode.

]]>
Particle Skull 2017-09-08T15:56:45-07:00
Glitchy Space Rocks https://codepen.io/kang/pen/yYEJzK https://codepen.io/kang/pen/yYEJzK Kang

See the Code - See it Full Page - See Details

Playing around with Dot Shader and RGB post processing shaders in threeJS. Fork of a demo off www.airtightinteractive.com

]]>
Glitchy Space Rocks 2018-01-21T09:27:00-07:00
Google material style checkbox (css only) https://codepen.io/kang/pen/mJYxyK https://codepen.io/kang/pen/mJYxyK Kang

See the Code - See it Full Page - See Details

Checkboxes based upon the material design implementation of the polymer checkboxes. They don't fully replicate these but are just an exercise to imitate them with just css. These only work in chrome :) See: - http://www.google.com/design/spec - http://www.polymer-project.org/components/paper-elements/demo.html#paper-checkbox Other checkbox experiments: - http://codepen.io/Sambego/pen/yiruz - http://codepen.io/Sambego/pen/ICsjd - http://codepen.io/Sambego/pen/mIhbk Forked from [Sam](http://codepen.io/Sambego/)'s Pen [Google material style checkbox (css only)](http://codepen.io/Sambego/pen/zDLxe/).

]]>
Google material style checkbox (css only) 2015-08-18T07:38:55-07:00
Communicate between React components https://codepen.io/kang/pen/Pqxyqr https://codepen.io/kang/pen/Pqxyqr Kang

See the Code - See it Full Page - See Details

Outer to inner

]]>
Communicate between React components 2015-07-30T04:16:14-07:00
Communicate between React components https://codepen.io/kang/pen/YXWjOp https://codepen.io/kang/pen/YXWjOp Kang

See the Code - See it Full Page - See Details

Outer to inner

]]>
Communicate between React components 2015-07-30T01:07:18-07:00
Tumblr feed Carousel https://codepen.io/kang/pen/VLYOwj https://codepen.io/kang/pen/VLYOwj Kang

See the Code - See it Full Page - See Details

Originally Forked from [@raurir](http://codepen.io/raurir/)'s Pen [Reading Tumblr feed](http://codepen.io/raurir/pen/MwWZBZ/).

]]>
Tumblr feed Carousel 2017-06-07T18:47:07-07:00
Tumblr feed Carousel https://codepen.io/kang/pen/bdGOxL https://codepen.io/kang/pen/bdGOxL Kang

See the Code - See it Full Page - See Details

Originally Forked from [Rauri](http://codepen.io/raurir/)'s Pen [Reading Tumblr feed](http://codepen.io/raurir/pen/MwWZBZ/).

]]>
Tumblr feed Carousel 2015-04-29T00:39:46-07:00