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

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

Developer Tools That Shouldn't Be Secrets • Christian Heilmann • GOTO 2022

Rakkas, Vite powered React framework | Fatih Aygün | ViteConf 2022

ElixirConf 2023 - Chris Gregori - Handling async tasks in LiveView with style and grace

Angular Community Meetup en Español | March 14th, 2023 | Patricio Vargas, Aileen Villaneuva Lecuona

Browser-Powered Desync Attacks: A New Frontier in HTTP Request Smuggling

Jeremy Tuloup Creating interactive Jupyter websites with JupyterLite | JupyterCon 2023

The Future of Performance Tooling – Addy Osmani, JSNation 2022