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

Modal

Modal Category

Simple Programmatic Dialog Boxes — Bootbox.js

Bootbox.js is a library that creates simple dialog boxes, using Twitter’s Bootstrap.

bootboxjs Simple Programmatic Dialog Boxes    Bootbox.js

Bootbox is quite easy to use, and features some important customization options:

  • onEscape and animate functions;
  • Support for multiple subsequent dialogs;
  • Support for dynamic content;
  • and so on.

Bootbox is a perfectly viable alternative to most lightbox libraries out there, and all the better if you use Twitter’s Bootstrap for your projects.

Modal windows in just 780 bytes – leanModal

leanModal is a jQuery plugin for lean modal windows, especially useful for hiding content on a page.

leanModal Modal windows in just 780 bytes   leanModalleanModal is, as the name implies, lean, and the plugin’s architecture follows the same philosophy — do more with less.

The plugin is useful for creating login, sign-up, and content panels, but doesn’t support galleries and iframes.

leanModal has a mere two options; you can control overlay opacity and the modal’s position relative to the top.

Another modal box for jQuery – NyroModal

NyroModal is a jQuery plugin that works with modal boxes.
Sounds simple?

galleries ff Another modal box for jQuery   NyroModal

NyroModal certainly isn’t.
NyroModal is one of the most feature-richest modal boxes out there. For example, for gallery use, you can include images and videos (scrollable).

For more advanced features, you can add DOM elements, forms, and even have the modal box terminated on a keypress–and a lot more. Which is pretty neat for a less-than-100kb plugin.

A JavaScript thumbnail viewer – Highslide JS

Highslide JS is a quick and sexy JavaScript thumbnail viewer/gallery with an intuitive UI.
Highslide A JavaScript thumbnail viewer   Highslide JS

Basically, Highslide is a highly functional modal box, albeit even easier to implement. It can be reduced to 10kb size.

It comes with an installer that can add Highslide to your web within minutes–and with no code! However, the best thing about Highslide is the extensive configuration it can undergo.

The only downside to Highslide is that it’s released under the CC license–you have to buy for use in commercial projects.

Synchronous behavior with AJAX – jQuery BlockUI

BlockUI is a jQuery plugin by Mike Alsup. BlockUI disables user activity until everything required is loaded. This allows fewer possible glitches during user interaction.

jquery blockui Synchronous behavior with AJAX   jQuery BlockUIThe plugin offers a neat way of creating “synchronous” websites, and could see use in a vast spectrum of websites.

In addition to blocking a page, the plugin can disable separate elements, and even create modal boxes in the process–pretty neat for any web application.

A nice Facebook-styled lightbox – jQuery Facebox

Facebox is a jQuery based modal box (lightbox), reminiscent of that Facebook has. Facebox is ridiculously easy to use and can display images, divs, or even remote pages.

facebox A nice Facebook styled lightbox   jQuery Facebox

Facebox was initially made for FamSpam, a discontinued “Family-spam” project on Facebook, and it can be best used for applications that interact with Facebook.

Facebox’s simple design is also pleasing to the eye, and in addition to Facebook applications, it can be used for basic image galleries.