Una Kravets - Less Cruft, More Power: Leverage the Power of the Web Platform - React Miami 2024

Here is your rewritten meta description: In this talk, Una Kravets explores the power of the web platform, leveraging CSS to create dynamic effects and animations, and uncovering the browser's built-in functionality to improve user experience.

Key takeaways
  • CSS can be used to create powerful and dynamic effects without the need for JavaScript.
  • The browser provides a lot of features and functionality that can be leveraged to improve the user experience.
  • The anchor API can be used to create custom positioning and animations for elements.
  • The select element can be styled and customized without the need for JavaScript.
  • The popover API can be used to create custom popovers and dialogues that can be easily styled and animated.
  • The browser provides a lot of built-in functionality that can be used to improve the user experience, such as animation timing and scrolling.
  • CSS can be used to create complex and dynamic layouts without the need for JavaScript.
  • The inset area property can be used to create custom positioning and animations for elements.
  • The scroll driven animation API can be used to create custom animations that are driven by the user’s scrolling behavior.
  • The position property can be used to create custom positioning and animations for elements.
  • The transform property can be used to create custom animations and effects for elements.
  • The opacity property can be used to create custom animations and effects for elements.
  • The display property can be used to create custom animations and effects for elements.
  • The custom property can be used to create custom animations and effects for elements.
  • The animation property can be used to create custom animations and effects for elements.
  • The keyframe property can be used to create custom animations and effects for elements.
  • The scroll property can be used to create custom animations and effects for elements.
  • The position property can be used to create custom positioning and animations for elements.
  • The anchor API can be used to create custom positioning and animations for elements.
  • The select element can be styled and customized without the need for JavaScript.
  • The popover API can be used to create custom popovers and dialogues that can be easily styled and animated.
  • The browser provides a lot of built-in functionality that can be used to improve the user experience, such as animation timing and scrolling.
  • CSS can be used to create complex and dynamic layouts without the need for JavaScript.
  • The inset area property can be used to create custom positioning and animations for elements.
  • The scroll driven animation API can be used to create custom animations that are driven by the user’s scrolling behavior.
  • The position property can be used to create custom positioning and animations for elements.
  • The transform property can be used to create custom animations and effects for elements.
  • The opacity property can be used to create custom animations and effects for elements.
  • The display property can be used to create custom animations and effects for elements.
  • The custom property can be used to create custom animations and effects for elements.
  • The animation property can be used to create custom animations and effects for elements.
  • The keyframe property can be used to create custom animations and effects for elements.
  • The scroll property can be used to create custom animations and effects for elements.
  • The position property can be used to create custom positioning and animations for elements.
  • The anchor API can be used to create custom positioning and animations for elements.
  • The select element can be styled and customized without the need for JavaScript.
  • The popover API can be used to create custom popovers and dialogues that can be easily styled and animated.
  • The browser provides a lot of built-in functionality that can be used to improve the user experience, such as animation timing and scrolling.
  • CSS can be used to create complex and dynamic layouts without the need for JavaScript.
  • The inset area property can be used to create custom positioning and animations for elements.
  • The scroll driven animation API can be used to create custom animations that are driven by the user’s scrolling behavior.
  • The position property can be used to create custom positioning and animations for elements.
  • The transform property can be used to create custom animations and effects for elements.
  • The opacity property can be used to create custom animations and effects for elements.
  • The display property can be used to create custom animations and effects for elements.
  • The custom property can be used to create custom animations and effects for elements.
  • The animation property can be used to create custom animations and effects for elements.
  • The keyframe property can be used to create custom animations and effects for elements.
  • The scroll property can be used to create custom animations and effects for elements.
  • The position property can be used to create custom positioning and animations for elements.
  • The anchor API can be used to create custom positioning and animations for elements.
  • The select element can be styled and customized without the need for JavaScript.
  • The popover API can be used to create custom popovers and dialogues that can be easily styled and animated.
  • The browser provides a lot of built-in functionality that can be used to improve the user experience, such as animation timing and scrolling.
  • CSS can be used to create complex and dynamic layouts without the need for JavaScript.
  • The inset area property can be used to create custom positioning and animations for elements.
  • The scroll driven animation API can be used to create custom animations that are driven by the user’s scrolling behavior.
  • The position property can be used to create custom positioning and animations for elements.
  • The transform property can be used to create custom animations and effects for elements.
  • The opacity property can be used to create custom animations and effects for elements.
  • The display property can be used to create custom animations and effects for elements.
  • The custom property can be used to create custom animations and effects for elements.
  • The animation property can be used to create custom animations and effects for elements.
  • The keyframe property can be used to create custom animations and effects for elements.
  • The scroll property can be used to create custom animations and effects for elements.
  • The position property can be used to create custom positioning and animations for elements.
  • The anchor API can be used to create custom positioning and animations for elements.
  • The select element can be styled and customized without the need for JavaScript.
  • The popover API can be used to create custom popovers and dialogues that can be easily styled and animated.
  • The browser provides a lot of built-in functionality that can be used to improve the user experience, such as animation timing and scrolling.
  • CSS can be used to create complex and dynamic layouts without the need for JavaScript.
  • The inset area property can be used to create custom positioning and animations for elements.
  • The scroll driven animation API can be used to create custom animations that are driven by the user’s scrolling behavior.
  • The position property can be used to create custom positioning and animations for elements.
  • The transform property can be used to create custom animations and effects for elements.
  • The opacity property can be used to create custom animations and effects for elements.
  • The display property can be used to create custom animations and effects for elements.
  • The custom property can be used to create custom animations and effects for elements.
  • The animation property can be used to create custom animations and effects for elements.
  • The keyframe property can be used to create custom animations and effects for elements.
  • The scroll property can be used to create custom animations and effects for elements.
  • The position property can be used to create custom positioning and animations for elements.
  • The anchor API can be used to create custom positioning and animations for elements.
  • The select element can be styled and customized without the need for JavaScript.
  • The popover API can be used to create custom popovers and dialogues that can be easily styled and animated.
  • The browser provides a lot of built-in functionality that can be used to improve the user experience, such as animation timing and scrolling.
  • CSS can be used to create complex and dynamic layouts without the need for JavaScript.
  • The inset area property can be used to create custom positioning and animations for elements.
  • The scroll driven animation API can be used to create custom animations that are driven by the user’s scrolling behavior.
  • The position property can be used to create custom positioning and animations for elements.
  • The transform property can be used to create custom animations and effects for elements.
  • The opacity property can be used to create custom animations and effects for elements.
  • The display property can be used to create custom animations and effects for elements.
  • The custom property can be used to create custom animations and effects for elements.
  • The animation property can be used to create custom animations and effects for elements.
  • The keyframe property can be used to create custom animations and effects for elements.
  • The scroll property can be used to create custom animations and effects for elements.
  • The position property can be used to create custom positioning and animations for elements.
  • The anchor API can be used to create custom positioning and animations for elements.
  • The select element can be styled and customized without the need for JavaScript.
  • The popover API can be used to create custom popovers and dialogues that can be easily styled and animated.
  • The browser provides a lot of built-in functionality that can be used to improve the user experience, such as animation timing and scrolling.
  • CSS can be used to create complex and dynamic layouts without the need for JavaScript.
  • The inset area property can be used to create custom positioning and animations for elements.
  • The scroll driven animation API can be used to create custom animations that are driven by the user’s scrolling behavior.
  • The position property can be used to create custom positioning and animations for elements.
  • The transform property can be used to create custom animations and effects for elements.
  • The opacity property can be used to create custom animations and effects for elements.
  • The display property can be used to create custom animations and effects for elements.
  • The custom property can be used to create custom animations and effects for elements.
  • The animation property can be used to create custom animations and effects for elements.
  • The keyframe property can be used to create custom animations and effects for elements.
  • The scroll property can be used to create custom animations and effects for elements.
  • The position property can be

More talks

HTML-ivating your Django web app's experience with HTMX, AlpineJS, and streaming HTML - Chris May

Discover the New Firefox Profiler

Adam Wathan - Tailwind CSS: It looks awful, and it works - Rails World 2023

Johan Mabille, Thorsten Beier Xeus kernels in the browser | JupyterCon 2023

Back to the Roots: Finding the Origin of CSP Security Bugs

Invent with PyScript — Nicholas Tollervey, Joshua Lowe

The Evolution of Responsive Web Design: What's Next? - Trung Vo - NDC London 2024

How to Make Your Website Not Ugly: Basic UX for Programmers - Hilary Stohs-Krause