Tabslet : A jQuery plugin for Tabs with Extra Features

Tabslet : A jQuery plugin for Tabs

Yet another jQuery plugin for tabs with some extra features.

Beyond the standard tabs functionality:

  • Change tabs on mouse over
  • Use animation effect for tabs’ changing
  • Ability to use either href or alt attribute to target tab
  • Rotation
  • Custom events

Glide.js : Responsive and touch-friendly jQuery slider

Glide.js : Responsive and touch-friendly jQuery slider

Glide is responsive and touch-friendly jQuery slider. Based on CSS3 transitions with fallback to older broswers. It’s simple, lightweight and fast. Designed to slide, no less, no more.

Sliding Horizontal Layout with CSS3

Sliding Horizontal Layout with CSS3

Today we’d like to share an interesting layout with you. You might have seen it already on Skybox or on the website of Lotta Nieminen. It’s a layout where we see the main section in the middle and part of the previous and next section on the sides. The navigation reflects this view by showing the three items currently visible. When clicking on one of the sides or on one of the lateral navigation items, the sections will slide to the respective side, showing the next or previous section. The same happens to the navigation.

We use CSS 3D Transforms for moving the lateral sections. In a browser that does not support 3D Transforms (or where JavaScript is not enabled),

jQuery ImgEnterLoader

jQuery ImgEnterLoader

jQuery.ImgEnterLoader load img when it comes into the window.

Tabdrop.js : jQuery Tab drop for Bootstrap

Tabdrop.js : jQuery Tab drop for Bootstrap

Very usefull script when your tabs do not fit in a single row. This script takes the not fitting tabs and makes a new dropdown tab. In the dropdown there are all the tabs that do not fit.

  • works only with horizontal tabs and pills
  • custom text for the dropdown tab
  • works with responsive design

jQuery Stretch Gallery with XML

jQuery Stretch Gallery with XML

Stretch Gallery is a XML Canvas Gallery that allows you to create a nice portfolio gallery with some nice effects and customization settings.

jQuery.utSticker : Add and manipulate a DOM Node as a sticker

jQuery.utSticker : Add and manipulate a DOM Node as a sticker

The utSticker component lets you move and rotate a DOM Node on top of other elements, to add a sticker into your Expression. This component manages its data automatically by default. It saves and initializes the sticker data using post.storage content and a key based on its name or DOM ID.

nanoGALLERY : jQuery Image Gallery Plugin

nanoGALLERY : jQuery Image Gallery Plugin

Image gallery for jQuery. Powerful and easy to use image gallery with support for pulling in Flickr and Picasa/Google+ photo albums as well. Mobile-friendly and responsive. Smooth in/out transitions. Images are shown as clickable thumbnails, which will expand to full view via a modal popup window. Support custom themes.

Features:

  • Display image gallery
  • Easy to setup and customizable
  • Responsive layout – mobile friendly
  • Smooth in/out transition
  • Display image captions and descriptions
  • Breadcrumb for easy navigation in photo albums
  • Ignore undesired albums or photosets (by keyword blacklisting)
  • Multiple galleries on one page
  • Delivered with multiple themes – Support custom themes
  • Supported image sources :
    • list of images
    • Flickr account
    • Picasa/Google+ account

Paranimator : jQuery Parallax Animation Effects Library

Paranimator : jQuery Parallax Animation Effects Library

jQuery Library for easy implementation Parallax Effects.Paranimator provide easy procedures for parallax animation. future, I’ll implement HTML level interface for this module(DataAttribute).

Features:

  • Animate with mouse scrolling.
  • Pagination (unit mode)
  • on keyframe beginning animation.
  • layerd background scrolling.
  • background auto scrolling.

jQuery.panelSnap : Snaps to blocks of Content

jQuery.panelSnap : Snaps to blocks of Content

A jQuery plugin that provides snapping functionality to a set of panels within your interface.

A jQuery plugin that, after scrolling, snaps to blocks of content which I like to call panels. You can actually nest sets of panels as you will see throughout the demo page.