Blending modes and secure redirects

Frontend First

Sam and Ryan talk about building an animated tabs component with CSS’s mix-blend-mode property and Framer Motion’s layout animations. They also talk about how to use the URL constructor in JavaScript to help implement secure arbitrary redirects, as well as their initial reactions to new framework APIs that blur the lines between server and client code.

Topics include:

• 0:00 - Intro
• 0:35 - Animated tabs with mix-blend-mode exclusion and Framer Motion’s layoutId
• 14:26 - Using the URL constructor for arbitrary redirects after login
• 27:12 - Reacting to Rich Harris’ discussion on how new framework APIs are exposing hidden API routes

Links:

• Dan Hollick’s thread on blending modes
• Animated Tabs recipe
• Animated Tabs YouTube video
• URL constructor
• Rich Harris’ talk