Displaying 1 to 4 from 4 results

yall.js - A fast, flexible, and small image lazy loader!

  •    Javascript

yall.js is a featured-packed lazy loading script for <img>, <picture>, <video> and <iframe> elements. It works in all modern browsers including IE11. It uses Intersection Observer where available, but falls back to scroll, touchmove, resize, and orientationchange events where necessary. It can also monitor the DOM for changes using Mutation Observer to lazy load image elements that have been appended to the DOM after initial page render, which may be desirable for single page applications. It can also (optionally) optimize use of browser idle time using requestIdleCallback. To optimize decoding of <img> lazy loading for simple src and srcset use cases, yall.js uses Image.decode where available to decode images asynchronously before adding them to the DOM.

insertionQuery - Non-dom-event way to catch nodes showing up. And it uses selectors.

  •    Javascript

Non-dom-event way to catch nodes showing up. And it uses selectors. It's not just for wider browser support, It can be better than DOMMutationObserver for certain things.

ember-cli-Mutation-Observer - :alien: The easiest way to subscribe to Dom changes in your ember components

  •    Javascript

Ember Cli Mutation Observer works in Ember 1.13.9+ or 2.0+, including beta and canary, with no deprecations whatsoever.

animate-css-grid - Easy transitions for CSS Grid

  •    Javascript

This small script makes it easy to make sure your CSS grid transitions gracefully from one state to another. If the content of the grid changes, or if the grid or one of its children is updated with the addition or removal of a class, the grid will automatically transition to its new configuration. Just call the wrapGrid method on your grid container, and optionally provide a config object as a second argument. If the grid is removed from the page, the animations will automatically be cleaned up as well.