The act of converting content from its original format into a format capable of being displayed on the web
Manage Multiple WordPress Sites

JavaScript

JavaScript Category

Real-time Operational Transformation Library – ShareJS

ShareJS is a real-time Operational Transformation (OT) plugin for NodeJS and browsers.

sharejs Real time Operational Transformation Library   ShareJS

ShareJS is used for creating powerful groupware applications.

It provides a solid structure for collaboration-based editing of various content types, including, but not limited to, text.

ShareJS’s main advantage over similar libraries is its small footprint and concise markup, which allows creating powerful concurrent editing applications on an uniform set of rules.

A Simple And Scrollable Carousel For Ender – Ender-carousel

Ender-carousel is an Ender library for creating a simple, scrollable carousel gallery.

ender carousel A Simple And Scrollable Carousel For Ender   Ender carousel

The markup is dead simple, and the library is only about 1.7kb (minified). Ender-carousel requires two Ender submodules for DOM manipulation and animations, which total at about 15kb more.

The carousels created with this library have support for CSS3 transitions and keyboard control.

Altogether, Ender-carousel a neat and tidy gallery with a surprising amount of functions.

Generate Parsers With JavaScript – PEG.js

PEG.js is a JavaScript library for generating parsers. It produces fast parsers with excellent error reporting.

pegjs Generate Parsers With JavaScript   PEG.js

PEG can be used for parsing complicated data or computer languages.

The library features a simple and expressive grammar syntax, based on parsing expression grammar.

PEG is available as a node package or as a separate library.

Easy Image Hover Effects – Adipoli

Adipoli is a jQuery plugin for quickly creating image hover effects.

adipoli Easy Image Hover Effects   Adipoli

Adipoli has over 20 image hover effects, including transition from black to color, overlay fold, and opacity change.

What’s more, the plugin has a number of useful options like changing the animation speed, adding overlay text, and other effects.

Adipoli is a surprisingly comprehensive plugin with an easy markup, and, it is pertinent to note, it weighs a mere 8 kilobytes.

A CSS3 Property Polyfill – cssFx.js

cssFx.js is a CSS3 property polyfill that inserts vendor-specific functionality into older browsers.

For those out of it, a polyfill is, according to Paul Irish, “A shim that mimics a future API providing fallback functionality to older browsers.”

cssfx A CSS3 Property Polyfill   cssFx.js

cssFx.js brings much needed functionality to older browsers:

  • Box shadows;
  • Border radius;
  • Flexible box;
  • Gradients;
  • etc.

This is a surprisingly comprehensive library that’s certainly not the worst tool for a designer who has encountered browser-compatibility issues (that means every designer out there).

A Simple Presentation Framework For HTML5 — Slides

Slides is a simple and effective presentation framework written in JavaScript.

It uses curl.js for transitions and requirejs for loading slides and other dependencies.

slides A Simple Presentation Framework For HTML5    Slides

The one and only question is — why use this framework instead of PowerPoint or Keynote?

The developer says that he made this framework because he “Got fed up with using Powerpoint and Keynote to make and give presentations.”

However, there are also some practical reasons for choosing this framework:

  • Easy slide linking with a working “back” button; 
  • Linking between slides easily; 
  • Mobile support; 
  • Worldwide availability of your presentations.