Pens from Tiffany Stoik https://codepen.io/tstoik/ en nospam@codepen.io Copyright 2024 2022-07-21T04:48:18-07:00 test https://codepen.io/tstoik/pen/YzaVeLY https://codepen.io/tstoik/pen/YzaVeLY Tiffany Stoik

See the Code - See it Full Page - See Details

]]>
test 2022-07-21T04:48:18-07:00
Morphing Logo Concept https://codepen.io/tstoik/pen/ONvaNV https://codepen.io/tstoik/pen/ONvaNV Tiffany Stoik

See the Code - See it Full Page - See Details

A proof of concept for a logo with a morphing component, made with GSAP's MorphSVG plugin.

]]>
Morphing Logo Concept 2017-04-26T13:30:58-07:00
Hexagon Grid https://codepen.io/tstoik/pen/qZEZJp https://codepen.io/tstoik/pen/qZEZJp Tiffany Stoik

See the Code - See it Full Page - See Details

A hexagon image grid using clip-path. Images from http://unsplash.com

]]>
Hexagon Grid 2016-03-04T21:54:19-07:00
One element four color loader https://codepen.io/tstoik/pen/Ywgxqb https://codepen.io/tstoik/pen/Ywgxqb Tiffany Stoik

See the Code - See it Full Page - See Details

]]>
One element four color loader 2016-02-16T14:46:50-07:00
Animated Logo https://codepen.io/tstoik/pen/GoBdjB https://codepen.io/tstoik/pen/GoBdjB Tiffany Stoik

See the Code - See it Full Page - See Details

Just a quick concept for a logo animation.

]]>
Animated Logo 2016-02-02T14:52:53-07:00
Hover Reveal Effect https://codepen.io/tstoik/pen/PZJjpz https://codepen.io/tstoik/pen/PZJjpz Tiffany Stoik

See the Code - See it Full Page - See Details

]]>
Hover Reveal Effect 2016-01-21T13:54:36-07:00
Twirling Flower https://codepen.io/tstoik/pen/qORzOz https://codepen.io/tstoik/pen/qORzOz Tiffany Stoik

See the Code - See it Full Page - See Details

A sort of flower-looking thing that rotates and morphs.

]]>
Twirling Flower 2015-10-04T04:11:39-07:00
ATC Vintage Radio Flip Clock https://codepen.io/tstoik/pen/gaawRR https://codepen.io/tstoik/pen/gaawRR Tiffany Stoik

See the Code - See it Full Page - See Details

Inspired by this shot: https://dribbble.com/shots/2236793-Vintage-Flip-Clock I decided to add a radio button because I love any excuse to use some old timey radio Uses http://avondaletypeco.com fonts

]]>
ATC Vintage Radio Flip Clock 2015-09-11T21:06:47-07:00
ATC Throwback Packs https://codepen.io/tstoik/pen/NGqBqr https://codepen.io/tstoik/pen/NGqBqr Tiffany Stoik

See the Code - See it Full Page - See Details

Vintage packaging using Avondale Type Co. fonts. Designs by http://twitter.com/avondaletypeco. Fonts: http://avondaletype.co. Sizing uses vmin and rem so that packages resize with the browser.

]]>
ATC Throwback Packs 2015-09-09T13:25:03-07:00
Rainbow Infinity Loader https://codepen.io/tstoik/pen/bdXWoo https://codepen.io/tstoik/pen/bdXWoo Tiffany Stoik

See the Code - See it Full Page - See Details

Inspired by loader 6 here: http://projects.lukehaas.me/css-loaders/

]]>
Rainbow Infinity Loader 2015-08-24T16:48:09-07:00