A small set of ideas on animating images and other elements while smooth scrolling a page. We’ve made a small set of effects that show how you can apply some interesting transforms to elements like images and text while scrolling the page smoothly.
abcjs : JavaScript for Rendering Music Notation
abcjs is a javascript library for rendering standard music notation in a browser.This library makes it easy to incorporate sheet music into your websites. You can also turn visible ABC text into sheet music on websites that you don’t own using a greasemonkey script, or change your own website that contains ABC text with no other changes than the addition of one javascript file. You can also generate MIDI files or play them directly in your browser.
Darkmodejs : Utility package for managing Dark Mode on the Web
Darkmodejs is utility package for managing Dark Mode on the Web.Dark Mode is a feature in modern Operating Systems which allows you to change your default UI from a light to dark theme. On the web we can take advantage of this to control the theme of our website.
Utilises the matchMedia API and its listeners, in combination with the prefers-color-scheme media query, in order to fire functions whenever you’re in Dark Mode.
AutoTyper JS : JavaScript plugin for Animated Typewriting
A vanilla javascript plugin for animated typewriting. Autotyperjs can be accessable in global variable as autoTyper
. It exposes outside two functions, start
and stop
. Multiple instances can be created by using new
keyword. Its compatible with Chrome, Firefox, Safari, Internet Explorer and Edge.