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

Making A Splash With View Transitions | Mike Hartington | ng-conf 2024

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

DAT protocol in the browser: Progress and Challenges

Önder Ceylan - Rethinking Browser Automation: Unleashing the Power of Puppeteer and Playwright

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

Ives van Hoorne - Making Development More Visual

Machine Learning in the Browser | Athan Reines | ML Conference 2018

Matt Biilmann - JAMstack at Scale: why pre-built markup is critical