Pens from Shishak https://codepen.io/shishak/ en nospam@codepen.io Copyright 2024 2022-04-17T00:35:16-07:00 Photo Gallery with Sticky Heading https://codepen.io/shishak/pen/RwxqegK https://codepen.io/shishak/pen/RwxqegK Shishak

See the Code - See it Full Page - See Details

]]>
Photo Gallery with Sticky Heading 2022-04-17T00:34:43-07:00
React Slider w/ Hover Effect https://codepen.io/shishak/pen/gOoQBrm https://codepen.io/shishak/pen/gOoQBrm Shishak

See the Code - See it Full Page - See Details

A slider/carousel built with React. The x and y coordinates of the current slide are set to CSS variables to create dynamic transition effects on mouseover. <a href="https://tympanus.net/codrops/2019/08/20/react-slider-with-parallax-hover-effects/" target="_blank">Tutorial available on Codrops</a>

]]>
React Slider w/ Hover Effect 2022-04-17T00:35:16-07:00
CSS Grid: Newspaper Layout https://codepen.io/shishak/pen/abpoppE https://codepen.io/shishak/pen/abpoppE Shishak

See the Code - See it Full Page - See Details

"Young" front-end designer lmao. Background from [Subtle Patterns](https://www.toptal.com/designers/subtlepatterns/)

]]>
CSS Grid: Newspaper Layout 2021-03-22T09:22:01-07:00
Spotify Clone https://codepen.io/shishak/pen/VwPZPmE https://codepen.io/shishak/pen/VwPZPmE Shishak

See the Code - See it Full Page - See Details

]]>
Spotify Clone 2021-03-22T09:20:47-07:00
Piccalilli CSS Utility — Issue #2 — Full bleed utility https://codepen.io/shishak/pen/wvozJJK https://codepen.io/shishak/pen/wvozJJK Shishak

See the Code - See it Full Page - See Details

Explainer article: https://andy-bell.design/wrote/creating-a-full-bleed-css-utility/

]]>
Piccalilli CSS Utility — Issue #2 — Full bleed utility 2021-02-10T03:13:22-07:00
A Pen by Shishak https://codepen.io/shishak/pen/poNbaWq https://codepen.io/shishak/pen/poNbaWq Shishak

See the Code - See it Full Page - See Details

]]>
A Pen by Shishak 2021-02-09T00:06:41-07:00
Dribbble #01 https://codepen.io/shishak/pen/qBqZwzE https://codepen.io/shishak/pen/qBqZwzE Shishak

See the Code - See it Full Page - See Details

Cards from Dribbble. https://dribbble.com/shots/3090213-blog-kit-of-avbo

]]>
Dribbble #01 2021-02-07T23:27:58-07:00
Markdown Previewer https://codepen.io/shishak/pen/wvoGZbr https://codepen.io/shishak/pen/wvoGZbr Shishak

See the Code - See it Full Page - See Details

Markdown Previewer for FreeCodeCamp.

]]>
Markdown Previewer 2021-02-07T23:24:15-07:00
Muggsy https://codepen.io/shishak/pen/bGBpJJY https://codepen.io/shishak/pen/bGBpJJY Shishak

See the Code - See it Full Page - See Details

Have you seen me?

]]>
Muggsy 2021-02-07T23:19:35-07:00
Flexbox Bottom to Sticky Navigation https://codepen.io/shishak/pen/mdOPggO https://codepen.io/shishak/pen/mdOPggO Shishak

See the Code - See it Full Page - See Details

A navigation built using flexbox and no jQuery (scroll down). Sits on bottom of first section, then sticks to the top once it reaches there. #DrakeNavs

]]>
Flexbox Bottom to Sticky Navigation 2021-02-07T23:19:16-07:00