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

GPL

GPL Category

A Social Content Management System – JSLardo

JSLardo is a interesting “social” CMS, based on NodeJS and mongodb; it uses Jade for templates.

jslardo A Social Content Management System   JSLardo

jslardo requires users to register and allows them to create not only content, but create models, views, websites and pages.

That’s indeed an interesting sidestep from the usual way content management systems run–and only time will show whether the “JSLardo” way will become popular.

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.

Beautify JSON And XML Text – vkBeautify

vkBeautify is a JavaScript plugin for beautifying XML and JSON text.

vkbeautify Beautify JSON And XML Text   vkBeautify

“Beautifying” is quite an abstract term, but, in this case, it deals with simply making the text more readable by separating it into a syntax you’re used to.

We covered jQuery.Download recently, and as far as I remember, the files downloaded with that library contained less-than-decent-looking code, so that’s just one use for this plugin.

vkBeautify has a single function, and has an optional ‘preserve whitespaces’ option.

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.

A Feature-rich HTML5 Media Player – Acorn Media Player

Acorn Media Player is a full-scale HTML5 media player.

acornmediaplayer A Feature rich HTML5 Media Player   Acorn Media Player

Acorn doesn’t provide fallbacks, but there’s a logical reason behind it: as videos are marked up with the default <video> tag, you can easily choose your own fallback method.

Among the notable features of the Acorn media player are:

  • Full, tab-based keyboard control;
  • Fullscreen;
  • A number of ready-made themes;
  • Buffering;
  • Remembers default volume;
  • Easy to customize;
  • Supports captions via SRT files (like real media players!);

Overall, Acorn is a very promising media player, and it’s definitely a top pick for any page where you want to implement non-YouTube video clips.

Scrolling Transition Effects – Scrollorama

Scrollorama is a jQuery plugin for creating transition effects while scrolling.

scrollorama Scrolling Transition Effects   Scrollorama

Scrollorama uses lettering.js; it allows using every numeric CSS property for transitions while users scroll down the page.

Scrollorama can be used by itself or as a part of some bigger plugin — check out Scrolldeck.js (from the same author) which uses Scrollorama and achieves great results.