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

Unobtrusive Client-side Pagination – jPages

jPages is a jQuery plugin for client side pagination.

The plugin is unobtrusive as it doesn’t add any extra styles and leaves the design nuts and bolts entirely to you.

jpages Unobtrusive Client side Pagination   jPages

The plugin has a great number of options and its API allows either jumping to a specific page, or destroying the plugin. The latter is very useful as you can, after destroying a given instance, reload jPages with different parameters.

jPages is a full-fledged pagination plugin that’s useful not only for creating galleries and media libraries, but also websites–just like in this example.

Mark Article Progress With A Single Click – youRhere

youRhere is a jQuery plugin that allows users to mark their article progress with a single click.

YouRhere Mark Article Progress With A Single Click   youRhere

youRhere is lightweight (6kb when not minified) and features an easy markup and even easier implementation.

The plugin uses HTML5′s local storage API to great effect–a fallback for older seems to be lacking, though– and altogether grants an efficient way of letting your users know that they can safely mark your longer articles and read them fully a bit later.

Arc Your Text With CSS3 And jQuery – Arctext.js

Tympanus.net have published Arctext.js — an interesting plugin that curves text along an imaginary arc.

arctext Arc Your Text With CSS3 And jQuery   Arctext.js

Arctext.js uses JavaScript to generate arcs and CSS3, along with the FitText library, to place and format the text.

This is most certainly an excellent library, and if you’re up for even more typographic experiments with this library, do have a look at the code, it’s well documented and pretty.

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.