TIL how to make another kind of carousel

A presentation at Tech Talk @ Tagesspiegel in May 2023 in by Gunnar Bittersmann

Slide 1

Slide 1

TIL how to make a another kind of carousel

Slide 2

Slide 2

Slide 3

Slide 3

Slide 4

Slide 4

https://shouldiuseacarousel.com by Jared Smith

Slide 5

Slide 5

Discovery: 1⃣ horizontal menu, scrollbar hidden 2⃣ accessible scroll buttons 3⃣ disable/hide buttons 3⃣1⃣ throttling 3⃣2⃣ debouncing 3⃣3⃣ requestAnimationFrame 4⃣ overlay buttons, disable clicking 5⃣ keep scroll position when changing page 🔢 horizontal menu + submenu

Slide 6

Slide 6

Slide 7

Slide 7

Slide 8

Slide 8

Chris Coyier, The Difference Between Throttling and Debouncing

Slide 9

Slide 9

Slide 10

Slide 10

Slide 11

Slide 11

Slide 12

Slide 12

Slide 13

Slide 13

Slide 14

Slide 14

Slide 15

Slide 15

Slide 16

Slide 16