Search

659: CSS Carousel Configurator Demos with Adam Argyle

Download MP3

Adam Argyle joins us to chat about new CSS features that are demo'd in a carousel configurator - a builder-like experience to help visualize the capabilities of a CSS only Carousel: buttons, markers, paging and inertness.

Tags:

Guests

Adam Argyle

Adam Argyle

Web · Social

CSS at Google.

Time Jump Links

  • 00:23 A revolution in web design
  • 02:09 Carousel Configurator
  • 09:14 Building common patterns into carousels
  • 12:35 How the carousel is using siblings
  • 14:16 Position:fixed issue fixed?
  • 17:41 How did you hide the scroll bar?
  • 21:14 Benefits of CSS for managing focus order
  • 29:38 Dot navigation and auto pages
  • 34:06 What if columns aren't uniform size?
  • 37:02 How does Inert work?
  • 47:38 No JavaScript required
  • 51:40 Can you use arbitrary lengths for columns?
  • 53:33 Scroll initial target
  • 57:00 What does wizard do?
  • 00:14 What's happening with tabs?
  • 03:20 What are the downsides or unsupported issues?
  • 06:49 What about scroll spy?

Episode Sponsors 🧡

Video