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

JQuery

jQuery Category

Big, Bold, And Responsive Headlines – slabText

slabText is a jQuery plugin for creating responsive headlines.

slabtext Big, Bold, And Responsive Headlines   slabText

slabText is actually a JS port of the elderly slabtype algorithm.

The library is inspired by FitText that we’ve covered earlier, but it’s different in some aspects:

  • slabText is for creating headlines, not landing-page-style ‘giant text’;
  • slabText has functions for manually separating words;
  • FitText doesn’t automatically separate words into lines.

Overall, the library is a very good solution for creating awesome, responsive headlines; and the breakpoint system (plus other nifty features) help a lot.

Download Any Data From A Web Page – jQuery.Download

jQuery.Download is a library for capturing the DOM data from a given object.

jQueryDownload Download Any Data From A Web Page   jQuery.Download

In the provided example, you can download the above SVG (courtesy of data:). Any JS-generated stuff is captured as well, because DOM data is captured.

This is supported only by modern browsers, but there’s a callback in case of an error, as well as a functionality checker.

Expand And Collapse Content – Collapse

Collapse is a jQuery plugin for creating progressive disclosure designs.

Basically, Collapse provides a nice, lightweight (600b) solution for expanding and collapsing website content.

collapse Expand And Collapse Content   Collapse

What’s the best about progressive disclosure interfaces is that they don’t confuse the users with any information they don’t need at hand.

The additional elements can be shown with a transition, e.g., a sliding motion.

Collapse features a number of options and callbacks (cookie support is notable) thus it’s suitable for creating even the fanciest of web apps.

Extend Text Inputs – TextExt

TextExt is a jQuery plugin for providing extra functionality to input elements.

There are numerous plugins available for TextExt, which, by default, ships with autocomplete, tags, AJAX loading, and placeholder text functionality.

textext Extend Text Inputs   TextExt

With an easy&light markup, extensible design, and numerous modules, TextExt is an awesome, feature-rich plugin for all your input management needs.

Display Content on Element Hover – ContentHover

ContentHover is a jQuery plugin for displaying content upon mouse hover.

contenthover Display Content on Element Hover   ContentHover

The plugin features a simple and efficient markup, and allows you to show hidden content on any given HTML element.

ContentHover is well-documented, and holds important options like slide speed, transition effect, fade effect, etc., along with the ever-useful callbacks.

Overall, plugins like this are useful for many things, e.g., eCommerce, galleries, and so on.

Websites On An Infinite Canvas – jmpress.js

jmpress.js is a jQuery port of impress.js for making websites on an infinite canvas.

jmpress Websites On An Infinite Canvas   jmpress.js

jmpress.js cleverly uses the jQuery API and is thus more developer-friendly than impress.js — for most. The library uses jQuery UI themes, falls back to .animate() when transforms aren’t supported, and provides touch support for mobile devices.

We just recently covered impress.js, but this port is for making actual websites, not presentations.