Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.
Modals have two optional sizes, available via modifier classes to be placed on a
.modal-rounded class to
.model-content for adding the rounded corners.
For modals that simply appear rather than fade in to view, remove the
.fade class from your modal markup.
Default size with fade animation.
Large size with custom animation.
Small size without animation.
Have a bunch of buttons that all trigger the same modal, just with slightly different
event.relatedTarget and HTML
data-* attributes (possibly via jQuery) to vary
the contents of the modal depending on which button was clicked.
You can use a simple Drag&Drop.
Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, use CSS3 for animations, and data-attributes for local title storage.
Tooltips with zero-length titles are never displayed.
Add small overlays of content, like those on the iPad, to any element for housing secondary information.
Popovers whose both title and content are zero-length are never displayed.
To create a quick notifications, you can use the class
.pnotify and a