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

Your website does not need JavaScript - Amy Kapernick - NDC Oslo 2024

Ben McCann | A Tour of the Vite Ecosystem | ViteConf 2023

Breaching the Perimeter via Cloud Synchronized Browser Settings

A Developer's Tale: Migrating an Angular app from version 10 to 18 by Loïc Magnette

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

Ives van Hoorne - Making Development More Visual

Run your favorite games everywhere with WASM: the BlazorDoom use case by Yassine Benabbas

Building a Voice-Enabled AI Assistant With Javascript – Tejas Kumar, JSNation 2023