progressJs().start();Having ProgressJS handle a specific element, the call varies slightly to:
progressJs("#targetElement").start();Take a look at the demo and download the script from Github. It’s completely free to use for private and commercial use under the terms of the MIT license.
WOW.jsWow.js hides HTML elements until they reach the user’s viewport. Why would you want that? Well, it brings some motion into your overly static web pages. For animation Wow.js relies on a separate CSS animation library. Per default it expects Animate.css to perform the action. If you prefer a different library, simple change it by linking it in. After having Wow.js embedded and initialized like so,
it waits for elements equipped with the class
wow. Elements carrying this class will stay hidden from sight until he users scrolls far enough to make them reach the viewport. As soon as that occurs, the element becomes visible. For a little more eye-candy, fire one of the available animations of the used CSS library at the class like so:
My unique content to be revealedWow.js was designed by well-known Vincent LeMoign aka Webalys and coded by Matthieu Aussaguel. It’s completely free for private and commercial use under the terms of the MIT license.
PlaceholdemWeb developer Jack Rugile from Denver, Colorado (United States) wanted placeholder in input fields not only to be visible until focus, but again after blur. And he did not only want the text to disappear and reappear, but wanted a nice incremental delete and write back. That’s what Placeholdem does. Add a placeholder to an input or textarea: And run Placeholdem on all elements with placeholders:
Placeholdem( document.querySelectorAll( '[placeholder]' ) );That’s the whole magic. Placeholdem is completely free for private and commercial use under the terms of the MIT license.