Pens from deineko https://codepen.io/deineko/ en nospam@codepen.io Copyright 2024 2024-03-27T20:14:42-07:00 Dostoevsky https://codepen.io/deineko/pen/bGJremx https://codepen.io/deineko/pen/bGJremx deineko

See the Code - See it Full Page - See Details

]]>
Dostoevsky 2024-03-27T20:14:42-07:00
Sticky/Stretching Cursor https://codepen.io/deineko/pen/GRLEJzW https://codepen.io/deineko/pen/GRLEJzW deineko

See the Code - See it Full Page - See Details

The cursor effect was inspired by https://hello.cuberto.com

]]>
Sticky/Stretching Cursor 2024-03-24T20:21:26-07:00
The ASCII Galaxy https://codepen.io/deineko/pen/ExJNJXr https://codepen.io/deineko/pen/ExJNJXr deineko

See the Code - See it Full Page - See Details

]]>
The ASCII Galaxy 2024-03-18T05:52:45-07:00
ASCII Art Generator https://codepen.io/deineko/pen/ExJNJWr https://codepen.io/deineko/pen/ExJNJWr deineko

See the Code - See it Full Page - See Details

Create ASCII Art from any Image and play around with the different settings - Please note: Your URL need to have proper CORS Settings . Full source available at [GitHub](https://github.com/tamino-martinius/ui-snippets-ascii-generator)

]]>
ASCII Art Generator 2024-03-18T07:40:22-07:00
JavaScript Donut - ASCII Art https://codepen.io/deineko/pen/RwOoOpW https://codepen.io/deineko/pen/RwOoOpW deineko

See the Code - See it Full Page - See Details

]]>
JavaScript Donut - ASCII Art 2024-03-18T05:45:56-07:00
Interview - logo animation https://codepen.io/deineko/pen/zYXKNqW https://codepen.io/deineko/pen/zYXKNqW deineko

See the Code - See it Full Page - See Details

]]>
Interview - logo animation 2024-03-18T06:17:55-07:00
AOS - animations https://codepen.io/deineko/pen/JjVKzRe https://codepen.io/deineko/pen/JjVKzRe deineko

See the Code - See it Full Page - See Details

Showcase of AOS plugin, that animates elements on scroll https://github.com/michalsnik/aos

]]>
AOS - animations 2024-03-13T15:04:35-07:00
Vanilla JS Scroll Events & Animations with IntersectionObserver API (staggered delay) https://codepen.io/deineko/pen/GRLqeqR https://codepen.io/deineko/pen/GRLqeqR deineko

See the Code - See it Full Page - See Details

]]>
Vanilla JS Scroll Events & Animations with IntersectionObserver API (staggered delay) 2024-03-13T14:06:42-07:00
Tabs based on the details tag https://codepen.io/deineko/pen/GRLqjvy https://codepen.io/deineko/pen/GRLqjvy deineko

See the Code - See it Full Page - See Details

Imagine an accordion-like element with native keyboard support that doesn't require javascript for control. Enter the details tag. That's great, but can it do more, what about tabs?

]]>
Tabs based on the details tag 2024-03-12T13:12:53-07:00
Around the 🌎 in 885 seconds https://codepen.io/deineko/pen/abxNwJx https://codepen.io/deineko/pen/abxNwJx deineko

See the Code - See it Full Page - See Details

Inspired by the [Animated World Zoom](https://www.jasondavies.com/maps/zoom/), I wanted to try out rotate and zoom animations with GSAP easing. Some of the code and Versor class is from Mike Bostocks notebook [World Tour](https://observablehq.com/@d3/world-tour)

]]>
Around the 🌎 in 885 seconds 2024-03-10T20:31:50-07:00