abcjs : JavaScript for Rendering Music Notation

    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.

    Smooth Scrolling with Inner Image Animations to a Web Page

    Smooth Scrolling with Inner Image Animations to a Web Page
    A tutorial on how to add a smooth scrolling effect to a website and also animate the images that enter the viewport.

    jQuery Email Autocomplete Plugin

    jQuery Email Autocomplete Plugin

    A jQuery plugin that suggests and autocompletes the domain whenever your users type in an email address field.

    Darkmodejs : Utility package for managing Dark Mode on the Web

    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.

    Bounds.js : Asynchronous Boundary Detection

    Bounds.js : Asynchronous Boundary Detection

    Asynchronous boundary detection – lazy-loading, infinite scroll, and more.Whether you’re lazy-loading images, implementing infinite-scroll, or avoiding an ex-lover… it’s important to set boundaries.

    Zeynepjs : jQuery Mobile Side Menu Plugin

    Zeynepjs : jQuery Mobile Side Menu Plugin

    Zeynepjs is a light-weight multi-level jQuery side menu plugin.

    AutoTyper JS : JavaScript plugin for Animated Typewriting

    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.

    Pdfmake : Client/Server side PDF printing in pure JavaScript

    Pdfmake : Client/Server side PDF printing in pure JavaScript

    Pdfmake is a PDF document generation library for server-side and client-side in pure JavaScript.

    Features:

    • line-wrapping,
    • text-alignments (left, right, centered, justified),
    • numbered and bulleted lists,
    • tables and columns
      • auto/fixed/star-sized widths,
      • col-spans and row-spans,
      • headers automatically repeated in case of a page-break,
    • images and vector graphics,
    • convenient styling and style inheritance,
    • page headers and footers:
      • static or dynamic content,
      • access to current page number and page count,
    • background-layer,
    • page dimensions and orientations,
    • margins,
    • custom page breaks,
    • font embedding,
    • support for complex, multi-level (nested) structures,
    • table of contents,
    • helper methods for opening/printing/downloading the generated PDF,
    • setting of PDF metadata (e.g. author, subject).

    Freezeframe.js : Library that Pauses Animated Gifs

    Freezeframe.js : Library that Pauses Animated Gifs

    Freezeframe.js is a library that pauses animated .gifs and enables them to animate on mouse hover / mouse click / touch event, or triggered manually.

    Draggable Menu with Image Grid Previews

    Draggable Menu with Image Grid Previews

    A draggable inline menu with a scattered thumbnail preview of an image grid.After our little draggable image strip experiment, we wanted to explore using the dragging functionality on a menu. The idea is to show a large inline menu with some scattered thumbnails. The menu can be dragged and while doing so, the thumbnails get moved with an animation. Each menu item also changes the letters to show an outlined version. When clicking on the “explore” link under a menu item, the thumbnails move and enlarge to form a grid.