MASHA is a JavaScript utility that allows readers to highlight any parts of a web content and share it with others.

The feature is triggered when readers select any desired text and an icon appears to inform them about the feature + create a unique link when clicked.

Readers can simply click the icon, copy the unique URL generated and share it with others. When a MASHA-generated URL is loaded, the selected text is highlighted so that it is seen easily.

There are callbacks for onMark, onUnmark and onHashRead (when a MASHA URL is loaded) that makes custom events possible and a WordPress plugin exists for quickly adding this utility.

In the beginning of the web 2.0 trend, tag clouds were one of the most popular items of web design. And, they were (and still are) very useful in helping readers to easily locate the most-used tags.

Afterwards, the Flash-powered animated tag canvas came and it conquered many websites. The Flash -kinda- died, HTML5 is now everywhere and the animated tag cloud is still here for the new web built without Flash.

TagCanvas is an HTML5 canvas powered and animated tag cloud that has both standalone and jQuery plugin versions.

It has support for text +images and can be shaped as a sphere, hcylinder or vcylinder.

The resource has so many settings for maximum customization and works even in IE (thanks to ExplorerCanvas).

Hovercard is a jQuery plugin that eases displaying information with style when an HTML element of our choice is hovered.

The information box appears with a smooth fading effect and accepts any HTML markup to be used as the content.

It is very useful for enabling users to reach micro info quickly (like a short bio, price of an item, an image, etc.) and comes with built-in Facebook + Twitter integration. Simply, it can display the details of a Facebook page or Twitter user nicely.

There are options for defining its width, position, background color and more.

Also, callback functions exist when hovering in and out from a Hovercard item.

Humane JS is a modern and tiny JavaScript library for displaying customizable notifications.

It has pre-defined notification types: info, success + error which are styled accordingly and new styles/themes can be created easily.

When available, the library uses CSS transitions and falls back to JavaScript animations when needed.

Humane JS doesn't require any JavaScript libraries to function and has several options including: timeout (the delay before a message fades out) or how the notifications can be closed (on any mouse/keyboard/touch action and/or clicking the close button).

And, the library has a callback function that is fired when the notification is displayed with success.

jqPagination is a jQuery plugin for quickly creating a JavaScript-controlled pagination interface and functionality.

The plugin is controlled with the special class names and attributes of HTML elements (for defining the prev, next buttons or setting the max pages).

It has a pretty unique, simple-yet-functional feature which is the ability to clicking on the pagination item and setting the page to be displayed manually.

jqPagination has a single callback which is ran when a pagination request is made and returns the page number to be displayed.

Its design can be customized easily and the plugin degrades nicely when JavaScript is disabled.

Sometimes, we need to display images that are bigger than the viewport or we have a limited space.

PanoJS3 is a JavaScript widget that stitches together a set of tiled images and presents it with panning + zooming support.

It is a very useful widget specially for displaying panoramic images, maps or huge documents.

Besides the desktop, it also works on mobile browsers with touch interfaces (supports pinch to zoom and pan gestures).

A simple map helps finding out the which part of the image is being viewed and it is possible to enable fullscreen mode with a click.

The focus on creating a better user experience and good use of JavaScript usually ends up in great results.

Tangle is definitely one of them. It is a JavaScript library for building interactive documents where users can easily change parameters and see the document updated live.

The library can add several interaction methods (like a a slider or onClick) to any given elements for easily changing their values and comes with functions to bind these variables with the values of other elements.

Implementing Tangle is pretty easy, the library is well-documented and supported with examples.

jsMessage is a tiny (3kb gzipped) JavaScript library for displaying notifications with ease.

Besides notifications, it supports alerts + confirmations and doesn't require any other JS libraries to run.

The positions of the messages, their auto-expire duration and whether they can be controlled via keyboard or not can all be configured.

Each message type (except notifications) has callbacks for a customized interaction and the look/feel of messages can be completely styled.

List.js is a cross-browser and standalone JavaScript library for improving the functionality of the HTML list element.

Using the library, the lists quickly become searchable, sortable and filterable. These actions not only include the values of <li> elements but any other elements and tags used inside them.

It equips lists with add, edit and delete functionality. Also, getting values of items is so easy.

And, all these features come only in 7kb.

Joyride is a plugin for jQuery that simplifies the process of guiding users to discover the features of a website.

By defining the steps of the tour as an ordered list, the plugin displays desired information near any HTML element inside tooltips.

The location of tooltips (bottom, top), scrolling speed of the page, cookie on/off and several other options exist for customization.

To sum up, Joyride is a simple yet effective way of helping users find out the features of a website.