We use modal elements in our web pages to guide visitors across the websites and to block any web content. Simple Overlay is a jQuery plugin, which enables us to achieve all these. All that is ornated by using several techniques and CSS3 animations created by jQuery ( the best benefit of using this framework).
Modal boxes are used extensively as these enable us to show page contents without using rest of the space. There are tons of tools, but one of the lightest and functional is LeanModal, which requires just 780 bytes; it is an impressive plugin, which even does not reach the kilobyte size. We can use it multiple times on a single page. It is dead simple to use.
Notifications are sometimes indispensable; particularly being a Mac OS X’s user, I cannot move without Growl that informs me if something new happens. This style has also got into the web designing world and we are able to add them; so big thanks to the mighty jQuery and its excellent Noty plugin, which we can use to show notifications on our site.
Noty enables us to design different types of alert windows, which we can decide where to make them appear and their duration of display without requiring too much work; well, it is a quite useful plugin.
Do you want your website user to read some other post as he finishes one? Do you want to stop him from closing your site and keep him engaged with your site by taking him to some other related post? If yes, then the jSlide Related Pages plugin is the one you might be looking for. Use this plugin and the visitor of your site will meet an animation box sliding out from the right bottom end of the screen as he gets to the last paragraph. Useful feature!
Reveal is a fabulous plugin for creating truly light and tempting modals. This is a great style to provide visitors info without directing them to a new page. Popping out a box, which is earlier loaded with the page, can be very prompt. Today, modals are used as a compartmentalized method to trigger visitors to do, what they want them to do. As the visitor stays on the same page, so he does not leave out the stuff he was processing or interested in. By overlapping the current page, it develops exclusive focus to one act and drives the visitor to give attention to something really important and act accordingly.
Don’t worry, if you are not very much specialized in jQuery; you can still add Reveal to your own site without doing a single line programming. The creators made a design elegant enough to complement every web design, but if you want to make something new, you can completely modify in CSS. It is extremely light-weight ( just 1.75KB ), so it will not affect the load time of your web pages.