A very lightweight jQuery plugin to lazy load images.This plugin is very useful and it boosts performance delaying loading of images in long web pages because images outside of viewport (visible part of web page) won’t be loaded until the user scrolls to them. Lazy Load has some cool options such as custom effects, container, events or data attribute. If you’re not gonna use any of them you can reduce the file size by leaving just the essential code to show the images. That’s what I did and this is my lightweight version of Lazy Load with support for serving high-resolution images to devices with retina displays – less than 1k<.
Lightspot Slider is a standalone jQuery plugin that allows you easy and fast to create and control image slider for your page header.
- Uses Image Preloader
- Image links for further reading (optional).
- Auto slideshow with pause on hover (optional).
- Resizable width, height, thumbs width (in pixels).
- Control number of visible thumbnails
- Control number of visible right side buttons (can be turned off).
- Image description box with option for individual background color (optional).
- Thumbnail description box with option for individual background color (optional).
- Multiple instances
Just another jQuery file tree plugin.
jQuery HeapShot plugin is an image gallery plugin with a stack effect.
Product List - This could be your portfolio list, product list, image list, etc. Listing your products with displaying information when hovering thumbnails is useful when selling your products online. I am going to share a simple jQuery code & CSS code to achieve this trick.
Supports animation along Catmull-Rom splines based on a series of waypoints.
You provide: A series of (x,y) points that the path should follow.
Plugin provides: Animation along a smooth path that intersects all points!
An experimental form that uses natural language instead of the usual form display. Values are entered using custom input elements.The idea is to turn a classic form into one that uses natural language to obtain information from the user. For that we’ll construct a sentence where some words and parts are select elements and text inputs. We’ll then transform the select elements so that we can customize them.
Natural language forms are quite suitable for some UI cases, not for all, of course. They have a couple of limitations but they can also be more engaging for users if used in the right place and in the right way. Anyway, we wanted to give this concept a try and we’ll show you how we did it.