Resize Observer Web API | Use it where Media Queries won't work ✅
This video covers the 3rd of the Observer Web APIs added in HTML5 - the Resize Observer. It gives a practical example of how this Observer is different from CSS Media Queries.
Resize Observer Web API is an amazing tool in JavaScript that allows you to easily and efficiently do complex media query style calculations. What makes resize observers especially powerfully is the fact that they can do things media queries cannot do such as container queries. So Use it where Media Queries won't work.
Code Example - https://github.com/amirkhan064/Resize...
=============================================================================
web development,
JavaScript,
JS,
CSS,
HTML,
codeWithAmi
HTML5,
observer API,
resizeobserver,
resize observer,
resize observer API,
how to use the resize observer,
optional chaining,
media query alternative,
media queries alternatives,
how to run javascript when the page resizes,
how to run js on resize,
window resize event
#javascript #resizeObserver #HTML5
====================================================================
Disclaimer:
It doesn't feel good to have a disclaimer in every video but this is how the world is right now.
All videos are for educational purposes and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.
~-~~-~~~-~~-~
Please watch: "5 Project Ideas to Get a Job as a Frontend Developer in 2023"
• 5 front end projects to get a job 🔥 | Rev...
~-~~-~~~-~~-~