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.
Archive for 2013
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),
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.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
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
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.
