Pens from Tyler Sticka https://codepen.io/tylersticka/ en nospam@codepen.io Copyright 2024 2024-03-21T21:56:20-07:00 Generative Starter — Example 5 https://codepen.io/tylersticka/pen/JjVNPKg https://codepen.io/tylersticka/pen/JjVNPKg Tyler Sticka

See the Code - See it Full Page - See Details

]]>
Generative Starter — Example 5 2024-03-21T21:56:20-07:00
img + svg scaling https://codepen.io/tylersticka/pen/XWGepXg https://codepen.io/tylersticka/pen/XWGepXg Tyler Sticka

See the Code - See it Full Page - See Details

]]>
img + svg scaling 2024-01-24T23:52:35-07:00
Dark Mode Activity https://codepen.io/tylersticka/pen/yLZWLVV https://codepen.io/tylersticka/pen/yLZWLVV Tyler Sticka

See the Code - See it Full Page - See Details

]]>
Dark Mode Activity 2023-12-12T19:48:06-07:00
Dark Mode Activity Starter https://codepen.io/tylersticka/pen/oNmOrrR https://codepen.io/tylersticka/pen/oNmOrrR Tyler Sticka

See the Code - See it Full Page - See Details

]]>
Dark Mode Activity Starter 2023-12-12T19:30:02-07:00
Dialog Experiments https://codepen.io/tylersticka/pen/jOdvbrj https://codepen.io/tylersticka/pen/jOdvbrj Tyler Sticka

See the Code - See it Full Page - See Details

]]>
Dialog Experiments 2023-11-28T19:49:04-07:00
Text masking (background-clip) https://codepen.io/tylersticka/pen/eYbGawG https://codepen.io/tylersticka/pen/eYbGawG Tyler Sticka

See the Code - See it Full Page - See Details

]]>
Text masking (background-clip) 2023-09-18T18:38:54-07:00
Rubber Button (2023 Version) https://codepen.io/tylersticka/pen/vYQVqwb https://codepen.io/tylersticka/pen/vYQVqwb Tyler Sticka

See the Code - See it Full Page - See Details

An unassuming button with fancy elastic "hover" and "active" states in supported browsers. More info: https://cloudfour.com/thinks/rubber-button/

]]>
Rubber Button (2023 Version) 2023-08-30T16:27:25-07:00
Media object pattern with floating image, center-aligned short text https://codepen.io/tylersticka/pen/mdQWeQm https://codepen.io/tylersticka/pen/mdQWeQm Tyler Sticka

See the Code - See it Full Page - See Details

Demo accompanying [an article about tricky floating image alignment](https://cloudfour.com/thinks/solved-tricky-floating-image-alignment/). Huge thanks to [Vesa Piittinen](https://codepen.io/Merri) for [suggesting the original solution](https://mastodon.social/@MerriNet/110617602037029237) and granting me permission to write about it.

]]>
Media object pattern with floating image, center-aligned short text 2023-06-29T18:44:52-07:00
Media object dynamic float? https://codepen.io/tylersticka/pen/KKrWPGq https://codepen.io/tylersticka/pen/KKrWPGq Tyler Sticka

See the Code - See it Full Page - See Details

]]>
Media object dynamic float? 2023-06-27T17:03:41-07:00
A Pen by Tyler Sticka https://codepen.io/tylersticka/pen/KKGjZQm https://codepen.io/tylersticka/pen/KKGjZQm Tyler Sticka

See the Code - See it Full Page - See Details

]]>
A Pen by Tyler Sticka 2023-05-31T20:37:46-07:00