Posts Tagged ‘Javascript’

Cloud Zoom is a lightweight (6kb) jQuery image zoom plugin that comes with impressive features.

The plugin is unobtrusive and displays the zoomed version of the images:

  • near the thumbnail image
  • inside the thumbnail image (inner zoom)

when hovered.

jQuery Cloud Zoom Plugin

It works in a "gallery mode" by default which automatically display a list images, shows the clicked one and can zoom to that image. This is very useful specially for product showcases (like in e-commerce websites).

The smoothness of the zoom effect, tint over the thumbnail or lens opacity can be totally customized and the plugin can be styled via CSS.

Pines Notify is a jQuery plugin for displaying highly-customizable growl-like notifications.

The notification boxes can set to be displayed in the any part of a web page and they can also be configured to auto-disappear or stick (with an optional close button).

Pines Notify

It is possible to use HTML in titles and text, change opacity and use custom animations.

The plugin uses the jQuery UI CSS file for theming however it does not require the library itself.

Pines Notify can also be used as tooltips on hover of items.

Nivo Zoom is a Lightbox-like but simpler image zooming jQuery plugin from the developers of the popular Nivo Slider.

The plugin is lightweight (4kb compressed), focused only on images and comes with a bunch of settings.

Nivo Zoom

It supports 5 different zoom types and can show image captions (long texts are handled well).

Nivo Zoom, by default, doesn't use overlays but can display the bigger image with an overlay where the opacity and colors of it can be customized.

With the latest discussions on Flash (whether it is dying or will become more powerful), here is an interesting project that Flash and HTML developers may both find useful:

Frontal is an intuitive markup and scripting language that generates Flash and enables you to create interactive content, sites or apps. with a few lines of code.

Frontal Code

It can embed and work seamlessly with HTML, HTML5, JavaScript, Ajax or any other web technology and supports deep linking.

For Flash Developers

It definitely adds value to the development process with:

  • decreasing the development time by building more with less code
  • reviewing designs in real-time
  • creating fluid layouts
  • updating and reusing the code easier

For HTML Developers

It is a language that will help you build Flash (almost) without learning something new.

Pajinate is a jQuery plugin that can auto-generate a paginated navigation for list items or any other areas of content.

The plugin is specially handy when working with long lists in a limited space (but still require a quick navigation).

The pagination menu generated has the first-last, prev-next and the page numbers and the text for them can be customized.

jQuery Pajinate

It is also possible to set the:

  • items per page
  • number of page links to be displayed
  • start page on load

To mention, using a browser-side paging is, almost always, quicker compared to the server-side one unless there is a reasonable number of items to be displayed. Else, implementing a server-side pagination will save you both the performance and bandwidth.