A tutorial on how to create a simple category slider with a minimal design using CSS animations and jQuery. The idea is to slide the items sequentially depending on the slide direction.
ClassySocial is a jQuery plugin that lets your site visitors easily see what networks you belong to and visit them in a click of a button. Currently supports Facebook, Twitter, Dribbble, Socl, Youtube, Vimeo, Google Plus, Pinterest, LinkedIn, Instagram and e-mail.
ClassyBox is a jQuery plugin that is a complex LightBox alternative with support for the most popular video services, enabling you to embed a media gallery on your site.
Pie Menu is a simple configurable Path Menu written in jQuery and CSS3.
Hover-Zoom jQuery plugin
MaskifySlider is an extremely simple plugin which enables you to create an image slider with the effect of an image mask.
The plugin will automically offset the images position according to the spacing between their placeholders, giving the impression that it's only one masked image.
liteAccordion is lightweight horizontal accordion plugin for jQuery.
Responsive layout option
liteAccordion V2 has a responsive layout option. This also works on mobile devices when the orientation of the device is changed.
Auto scale images
If you plan to use liteAccordion as an image slider, there is an option to scale images contained in a slide to automatically fit the slide dimensions. This works in both responsive and fixed width modes.
jQuery Wiggle is a jQuery plugin that allows you to emulate the wiggle effect icons on an iPhone have when you press and hold down on them.
jq-metro is a jQuery plugin that aims to provide metro-style user interface for browsers via jquery.
Supports: Firefox, Chrome and IE9+ (works in an ugly way which the users deserve)
Add an endless and smooth scrolling effect to any div on your pages.
This simple, but useful plugin will apply a smooth endless and infinite scroll effect to any div's content, including texts, images, divs, anchors ...
Link Scrapper TextBox jQuery plugin displays a textbox that you can enter a URL in the textbox, the plugin creates a data box for a link having the link title, description and an image.
raccordion is a fully responsive horizontal accordion image slider that adjusts according to the size of the browser width. raccordion slider adds variety and style.
Sketch.js is an easy-to-use jQuery plugin that allows you to create canvases upon which visitors can draw. It supports multiple browsers including mobile devices (albeit with performance penalties).
Craftyslide is a tiny (just 2kb) slideshow built on jQuery. Craftyslide aims to be different, by providing a simple, no-frills method of displaying images; packaged into a small, clean and efficient plugin.
Here you will make a script for previewing the contents of an album with a slideshow-like animation. This can be used in photo galleries, online shops, profile pages and more. The example is inspired by Facebook, where you hover over an album and get a slideshow of some of the photos contained inside it.
Arbor is a graph visualization library built with web workers and jQuery. Rather than trying to be an all-encompassing framework, arbor provides an efficient, force-directed layout algorithm plus abstractions for graph organization and screen refresh handling.
The resources in this article split it into two parts.
It works fine with floated and absolutely-positioned layouts, in all modern browsers and some not-so-modern ones too.
The Char Limiter is a plugin that limits the amount of characters in input and textarea, with the option of generating an automatic counter or you can create the counter and inform its class.
A jQuery plugin to hook into the YouTube Chromeless Video API.
A simple lightbox plugin based on the Twitter Bootstrap modal plugin.
stacktable.js is a jQuery plugin for equalizing the height or width of elements.
The purpose of stacktable.js is to give you an easy way of converting wide tables to a format that will work better on small screens. It creates a copy of the table that is converted into a 2-column key/value format.
Image Color-Up is a jQuery plugin to add effects on mouse hover to your images: monochrome/greyscale, sepia, negative, darken or lighten images.
Article about lists of jQuery plugins that handle touch events.
In this tutorial, you are going to create a mini help system with jQuery. This will be a small widget which will display help text or a guide to users of your web application. The widget content is going to be searchable in real time, and all matching terms will be highlighted.
jmFullWall is a jQuery plugin for the creation of an impressive portfolio.
The plugin create a full page portfolio in which you can navigate into each single work. Once you have selected the work, you will be able to zoom in/zoom out the image and navigate into the image details by dragging it.
When adding captions to the bottom of a thumbnail it can happen that a thumbnail that is overflowing the viewport (i.e. is partly beyond the “fold”) is being hovered but the caption won’t be seen because it appears on the bottom part of the image that is not visible. The user would have to scroll the page in order to see the bottom of the item and eventually the caption.
A small trick can solve that problem by simply making the caption “sticky”. This would mean that the caption will be visible not only at the bottom of every thumbnail but also in any place, sticking at the bottom of the page, if the thumbnail hovered is overflowing the current view.
EasyTabs is a lightweight jQuery plugin to provide full tab functionality, while leaving the styling up to you.
EasyTabs creates tabs with all the functionality, no unwanted changes to your markup, and no hidden styling.
Here you ll be building a cool Animated navigation list complete with a sliding hover effect.
jQuery SooperFish is a mobile & touchscreen friendly drop down menu script. The script supports multi-column sub menus by automatically dividing menus into 2 or 3 columns when the number of items in a sub menu exceeds a configurable limit.
jQRangeSlider is a powerful slider for selecting value ranges, supporting dates, touch devices and more.
Portfoliojs is a lightweight jQuery gallery plugin for your beautiful images with horizontal scrolling which supports desktop, tablet and mobile browsers.
Lean Slider is a simple jQuery image slider built on the principles of Progressive Enhancement.
ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slider using list items inside
<ul>. It works with wide range of browsers including all IE versions from IE6 and up.
Biggest difference to other responsive slider plugins is the file size (1kb minified and gzipped) + that this one doesn't try to do everything.
Tweed is a jQuery plugin for displaying a simple feed of recent tweets.
SlickQuiz is a jQuery plugin for creating pretty, dynamic quizzes.
ayaSlider is a flexible jQuery slider plugin that has such features;
Vegas is a jQuery plugin to add beautiful fullscreen backgrounds to your webpages. You can even create amazing Slideshows.
Use jQuery to create iOS-like App Folders on any website. They can contain any content and be styled in any way.
Boxer is a quick and simple way to display images, inline-content or iFramed URLs in a lightbox-style modal.
The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser. When activated, it will prevent user activity with the page (or part of the page) until it is deactivated.
BlockUI adds elements to the DOM to give it both the appearance and behavior of blocking user interaction.
slimScroll is a small jQuery plugin that transforms any div into a scrollable area with a nice scrollbar - similar to the one Facebook and Google started using in their products recently.
slimScroll doesn't occupy any visual space as it only appears on a user initiated mouse-over. User can drag the scrollbar or use mouse-wheel to change the scroll value.
Any List Scroller (ALS) is the jQuery plugin to scroll any list, of any dimension, with any content.
Destaque is a simple slideshow plugin with built-in parallax effect.
Superslides is a full screen slider for jQuery. It's designed to be as flexible as possible, while maintaining a reasonable code base and good browser compatibility.
A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used.
This is a tiny, lightweight player with a very clear purpose: to play a single audio file. You don’t need complex plugins or ugly Flash players with thousands of useless functions to play that damn audio file.
imgLiquid is a jQuery plugin to resize images to fit in a container.
tradpaginator is a jQuery plugin that you can easily generate active pagination controllers for your pages. This plugin illustrates the page buttons and controls and it lets you chain their functionality with the logic and structure of your application.
StackSlider is a highly experimental jQuery image slider plugin that explores a different and fun viewing concept for thumbnails, utilizing CSS 3D transforms and perspective.
The idea is to navigate through two piles of images where the transition resembles an item being lifted off from the top of the stack and moved/rotated to the center of the container to be viewed. The previously viewed image falls on the opposite stack.
Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.