Search Results for "vanilla"

simpleParallax.js is a very simple and tiny Vanilla JS library that adds parallax animations on any image. Where it may be laborious to get results through other plugins, simpleParallax.js stands out for its ease and its visual rendering. The parallax effect is directly applied to image tags, there is no need to use background images.

Transforms an input field or a textarea into a Tags component, in an easy, customizable way, with great performance and a small code footprint, exploded with features. Customizable HTML templates for the different areas of the component (wrapper, tags, dropdown, dropdown item, dropdown header, dropdown footer) Shows suggestions list (flexible settings & styling) at full (component) width or next to the typed texted (caret) Allows setting suggestions' aliases for easier fuzzy-searching....

Music Library & Player utilizes PHP and vanilla javascript to deliver your web-accessible music library via HTML5 audio in a fully responsive and modern interface. The library does not require a database back-end. It parses the directory structure, best suited for a [ROOT]/[ARTIST]/[ALBUM]/[TRACKS] type of layout. This isn't required, but makes for the best user experience.

Simple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll. Lax.js 2.0 has been completely re-written with a focus on modularity and flexibility giving you more tools to create awesome animations. To implement lax you need to create at least one driver, to provide values for animations, as well as the element animation bindings.

You can use imagesLoaded with vanilla JS, Using a callback function is the same as binding it to the always event. Bind events with vanilla JS with .on(), .off(), and .once() methods. Detect when background images have loaded, in addition to <img>s. Set { background: true } to detect when the element's background image has loaded. Set to a selector string like { background: '.item' } to detect when the background images of child elements have loaded.

Lazy Load delays loading of images in long web pages. Images outside of viewport will not be loaded before user scrolls to them. This is opposite of image preloading. This is a modern vanilla JavaScript version of the original Lazy Load plugin. It uses Intersection Observer API to observe when the image enters the browsers viewport. Original code was inspired by YUI ImageLoader utility by Matt Mlinac. New version loans heavily from a blog post by Dean Hume. By default Lazy Load assumes the URL of the original high resolution image can be found in data-src attribute. ...