10 docs tagged with "UI Challenge"

This documentation explains a JavaScript code snippet that uses the Intersection Observer API to automatically pause and play a video when it enters or exits the viewport.

Color Picker Game using HTML CSS and VanillaJS

This documentation explains a JavaScript code snippet that implements infinite scrolling using the Intersection Observer API. It dynamically loads new cards when the user reaches the bottom of the page.

This documentation explains a JavaScript code snippet that uses the Intersection Observer API to implement lazy loading for images. It loads images only when they become visible in the viewport.

Queue based progress bar using Element.animate()

This documentation explains a JavaScript code snippet that uses the Intersection Observer API to track and display the reading progress of a post as the user scrolls through it.

Let's Begin

Elements

This is the challenge #1 from Sunny Puri's The DOM Challenge Series.

Threshold bases Rendering explains a JavaScript code snippet that utilizes the Intersection Observer API to track when an HTML element enters the viewport and triggers a specified event when it meets a certain visibility threshold.