Pens from shuchangjin https://codepen.io/shuchangjin/ en nospam@codepen.io Copyright 2024 2020-06-06T16:27:10-07:00 Slider with active with thumbnails test https://codepen.io/shuchangjin/pen/oNbXWMY https://codepen.io/shuchangjin/pen/oNbXWMY shuchangjin

See the Code - See it Full Page - See Details

I'm using slick carousel (http://kenwheeler.github.io/slick/) on various areas of a site I'm building. In one place I'm using it to for a slider gallery with thumbnails. It appears to be working ok, but I think my JS is pretty rusty / clumsy and could definitely be improved upon.

]]>
Slider with active with thumbnails test 2020-06-06T16:27:10-07:00
Random User Generator https://codepen.io/shuchangjin/pen/BgKJgd https://codepen.io/shuchangjin/pen/BgKJgd shuchangjin

See the Code - See it Full Page - See Details

]]>
Random User Generator 2019-06-17T07:11:39-07:00
bio with pop-up https://codepen.io/shuchangjin/pen/LMPdrj https://codepen.io/shuchangjin/pen/LMPdrj shuchangjin

See the Code - See it Full Page - See Details

Social media icons by Kieran Hunter :)

]]>
bio with pop-up 2018-12-07T22:37:18-07:00
Add / remove class based on window size https://codepen.io/shuchangjin/pen/pQwGRQ https://codepen.io/shuchangjin/pen/pQwGRQ shuchangjin

See the Code - See it Full Page - See Details

]]>
Add / remove class based on window size 2018-11-16T13:47:50-07:00
Add / remove class based on window size https://codepen.io/shuchangjin/pen/EOmBRQ https://codepen.io/shuchangjin/pen/EOmBRQ shuchangjin

See the Code - See it Full Page - See Details

]]>
Add / remove class based on window size 2018-11-15T16:42:59-07:00
Social media hover icons with pop-up titles https://codepen.io/shuchangjin/pen/ePvyJR https://codepen.io/shuchangjin/pen/ePvyJR shuchangjin

See the Code - See it Full Page - See Details

Social media icons by Kieran Hunter :)

]]>
Social media hover icons with pop-up titles 2018-10-10T02:23:04-07:00
Hover Over Pop Up https://codepen.io/shuchangjin/pen/XxMzYN https://codepen.io/shuchangjin/pen/XxMzYN shuchangjin

See the Code - See it Full Page - See Details

]]>
Hover Over Pop Up 2018-12-08T03:02:50-07:00
Vanilla JS Sticky Content https://codepen.io/shuchangjin/pen/ePJvJm https://codepen.io/shuchangjin/pen/ePJvJm shuchangjin

See the Code - See it Full Page - See Details

]]>
Vanilla JS Sticky Content 2018-10-03T04:18:45-07:00
Sticky Sidebar https://codepen.io/shuchangjin/pen/ZqQOBm https://codepen.io/shuchangjin/pen/ZqQOBm shuchangjin

See the Code - See it Full Page - See Details

This is custom sticky sidebar that scroll with scrolling bar. With this sidebar, you can create your floating sidebar.

]]>
Sticky Sidebar 2018-10-03T03:55:26-07:00
Parallax Scroll Up https://codepen.io/shuchangjin/pen/jvgOdG https://codepen.io/shuchangjin/pen/jvgOdG shuchangjin

See the Code - See it Full Page - See Details

]]>
Parallax Scroll Up 2018-09-26T01:36:23-07:00