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
Geolocation is a jQuery plugin to get the location of the users visiting your webpage by using Google Maps API.
div
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.
Photobox is a lightweight image gallery modal window script which uses CSS3 heavily for silky-smooth animations and transitions. The goal was to great an image gallery script that utilizes GPU rending instead is the 90% scripts out there which are using javascript to move things around the old fashioned way.
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.
The plugin works like a URL scrapper and these scrapped values about the URL are available to you as javascript variables.
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.
An experimental slider pagination using the jQuery UI slider. The idea is to use a simple navigation concept that preserves layout and style while allowing content to stay easily accessible
Great article about Useful JavaScript Libraries and jQuery Plugins by SmashingMagazine.
The resources in this article split it into two parts.
Portamento is a jQuery plugin that makes it simple to add sliding (aka "floating") panel functionality to your web page. All that's needed is some simple CSS and one line of JavaScript, and you're away!
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.
Stratus is a jQuery powered SoundCloud player that lives at the bottom (or top) of your website or blog.
SoundCloud is an online audio distribution platform that allows collaboration, promotion and distribution of audio recordings.
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.
We’ll build the design to work without jQuery first of all to ensure it’s widely accessible to users without Javascript enabled, then enhance the effect with jQuery for the majority of users.
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.
SlickSwitches is a low-footprint and thus environmentally friendly jQuery plugin that allows you to turn any ordinary boring checkbox on your page into a fantastically well-styled switch, and since the switch takes the place of an ordinary checkbox, it degrades without an issue if JavaScript is not enabled. With it's many possibilities, it's simply lovely.
jQRangeSlider is a powerful slider for selecting value ranges, supporting dates, touch devices and more.
A tutorial on how to create a fullscreen pageflip layout using BookBlock. The idea is to flip the content like book pages and access the pages via a sidebar menu that will slide out from the left.
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.
Unlike other sliders it does not provide any styling or fancy transition effects. It simply provides a javascript framework (slideshow functionality, navigation controls, callback functions etc.) for you to build a slider on top of.
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.
Scroller is a bare bones option for completely custom scrollbars that retain a native feel. The scrollbar can be styled using basic CSS and will fall back to the standard browser chrome if JavaScript is disabled. If you find most scrollbar replacements too bloated or convoluted for basic applications, Scroller is the answer.
jQuery.zyngaScroller.js is a jQuery plugin that wraps the excellent Zynga Scroller as a simple jQuery plugin with a couple new additions.
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.
Features:
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.
