18 Best jQuery Carousel Plugins

http://colorer.sourceforge.net/eclipsecolorer/

* APTANA에서 추가.

  [Help] - [Install New Software] - [Add]

Eclipse platform plugin

Features

• Enchanced and fixed word wrapping mode.
• Automatic folding support for mostly all (200+) supported languages
  
• Per-type customizable color schemas and editor parameters.
• Automatic errors and todo comments annotation.
  
• Paired constructions highlighting and matching.
  
• Shortcuts for pairs matching.
• Different color schemes.
• Replacement of tabs with spaces option.
• Choosing of currently used syntax mode in editor (list of all available types).
• Dynamic library reloading.
• Powerful and flexible outliner for all common languages.
  
• Errors list is included into the outliner view.
• Colored sources generation into HTML files (Available in the navigator's context menu).
  
• Find more in screenshots section.

21 Amazing jQuery Pagination Plugins

http://inspiretrends.com/jquery-pagination-plugins/

Easy Paginate jQuery Plugin for Pagination

Demo || Download

With pagination controls you are able to glance through easily and simply through the items found on the list. This plugin allows easy implementation which are very useful and important to use it in you projects. It main function is to check large number items on the list quickly.

jPages: jQuery Pagination Plugins

Demo || Download

jPages is a client-side pagination plugin but it gives you a lot more features comparing to most of the other plugins for this purpose, such as auto page turn, key and scroll browse, showing items with delay, completely customizable navigation panel and also integration with Animate.css and Lazy Load.

jQuery Simple Content Sorting Plus Plugin

[ Demo || Download ]

This plugin creates a simple content sorter for your content and allows you to control your content with pagination!

WordPress Smart Pagination Plugin

[ Demo || Download ]

Smart Pagination WordPress Plugin includes custom pagination to your website in just a couple of mintes

Beautiful Data: jQuery Pagination Plugins

[ Demo || Download ]

Beautiful Data is a great way to turn a boring HTML table into something that supports features like paging and sorting. This jQuery plugin can also access data from CSV and JSON just by specifying the source file.

jPList

[ Demo || Download ]

jPList is a flexible jQuery plugin for sorting, pagination and filtering of any HTML structure (DIVs, UL/LI, tables, etc)

AJAX Pagination using jQuery and PHP with Animation

Demo || Download

This is one of the best plugins that is easy to use and users and developers do not have to refresh the sites every now and then. It mostly uses animation and is becoming one of the popular website functions.

Easy pagination with jQuery and Ajax

Demo || Download

It maintains your data only in a fixed size and allowing you to navigate easily backwards and forward. The information can now be easily digest into smaller pieces.it reduces the load on the server and the page reloading.

Extreme Makeover: jPaginator CSS3Edition

Demo || Download

This tutorial is mainly designed for the beginners and takes very few minutes to be completed. It contains a lot of pages links that can be navigated along first so that you can be able to select them. Your experience in the websites are really improved by the slider for animating links.

jQuery Quick Pagination

Demo || Download

It enables the user to generate quick long list and page contents into numbered format. It is important part of the website as it allows designers and other developers to neatly separate their websites content very easily and efficiently tom access pagination without messing up with things.

jQpagination

Demo || Download

This is a jQuery plugin for quickly creating a JavaScript which control pagination interface and functionality. The plugin present is controlled with a special class and attributes of HTML elements. It is pretty simple and unique and yet functional.

jQuery Pagination Plugin

Demo || Download

They enable you to display more than one page with the present navigational elements in order to move from one page to the next. When there are large list to search for results or articles it is able to display them in grouped amount of different pages.

jQuery Pagination Revised

Demo || Download

This plugins contains a wide variety of features which are used for effective working of the website. The long list in a huge page can be separated into multiple pages. The site layout is improved with the database and other properties with full control to adapt to the style properly.

jPaginate-jQueryPagination System Plugin

Demo || Download

The new version comes with instant HTML pagination which has the speed and property to allow you separate a series of elements. The splitting of series put elements into organized pages which give it more appealing appearance.

jQuery Pagination Plugin: Smart Paginator

Demo || Download

jQuery Pagination plugin makes the task very easy and simple for different navigation logic that is already incorporated for customization purposes. On the client side it filter the data of the user automatically due to presence of Smart Pagination jQuery and it allows addition of Pagination.

jPaginate: A Fancy jQuery Pagination Plugin

Demo || Download

You can be able to glide through the different pages by hitting over the arrows. The pagination plugin with sensibility to apply animation on page numbers for efficacy. It also provides many short links on one side to the pages on the other end.

Pajinate-A jQuery Pagination Plugin

Demo || Download

It is among one of the flexible and simple plugin that comes with different tools to separate long lists into different various break up pages. The point between paginated page loads is very minimal and it is the simpler app to serve as side implementations.

Pagination with jQuery, MySQL and PHP

Demo || Download

This is a flexible jQuery plugin which comes in a manner to show you how implement Pagination. It is contain in the JavaScript which comes with PHP jQuery and MySQL. The script contained is very easy and simple to use.

Sweet Pages: A jQuery Pagination Solution

Demo || Download

It allows you to convert and change unordered file of different items into a search engine optimization friendly which are put to navigate pages. The user uses it to comment on their treads or other type of configured contents.

Simple Pagination

Demo || Download

The jQuery plugin enables easy and simple pagination. They simplify the different kinds of tasks, they also come with 3CSS themes which are simple to use and allows customization of your website. It get most of its support from Bootstrap.

jPaginator

Demo || Download

It fun to use it as it comes with a slider which you can ask for an unlimited number of pages to be open. It contains unique elements which you can use. It also comes with CSS page which enable easily customization of the website.

http://designshack.net/articles/freebies/30-innovative-new-jquery-plugins/

30 _Innovative_New_jQuery_Plugins_Design_Shack.mht

Responsive Touch-Friendly Audio Player

This responsive audio player is the perfect example of jQuery at work. You simply include the plugin codes and create any typical HTML5 audio element. This will automatically be converted into a touch-friendly audio player with a dazzling CSS3 user interface.

Sidr

I am sure plenty of designers & developers recognize the sliding side menu. This became popularized from iOS mobile applications using sliding menu buttons in the toolbar. And now this effect may be replicated for websites using only jQuery and the Sidr plugin. Check out the live demo and see how this could work in your own projects.

Imageloader

Do you remember seeing all these lazyload image plugins? There are so many various options, and even some free open source WordPress plugins have been released. This particular image loader plugin follows a much nicer example with all images loading in a sequential order, following a fading effect. The live demo is a prime example of how you can apply this to your website.

Swatches

Although Swatches may not have a practical use in many website layouts, it is a wonderful jQuery plugin for toying with specific colors. This plugin will create a div area using a palette of related colors based on your input choice. Generating your own color scheme may be difficult and this is a unique open source tool for the job.

Hot on Facebook

Hot on Facebook is a rather obscure idea. But the plugin does work perfectly in all standards-compliant browsers, so for those who enjoy Facebook sharing this is for you! Hot on Facebook will take a URL and check the total number of FB shares. Then it will be displayed on the page as a social media sharing badge.

Toolbar.js

The open source Toolbar.js script is fairly easy to run, but has its limitations. This plugin will create a small tooltip menu of icon links which appears on any element you choose. It can be immensely powerful coupled with a user profile or other icon-command interface. However the effect is rather obscure, so don’t be surprised if you have a hard time fitting this into your layout.

jQuery PowerTip

As for handling regular tooltip hovers you may consider jQuery PowerTip. This is a fairly new plugin released as open source on Github. You can check out the live demo to see a better example, but the simplest explanation is creating tooltip popup menus when hovering over some HTML element.

jqTimeline

The jQtimeline plugin offers very unique functionality which I have never seen before. You can build a horizontal timeline with date events setup throughout the list. In this way, users may click on an event to display more information. It certainly has its practical uses but will take a bit of custom code to get working properly.

Swipebox

The Swipebox plugin is a mobile responsive jQuery image gallery. This is especially designed for mobile webapps and websites which are made responsive for smartphones and tablets. The image gallery will take up the entire screen, and you can even touch-to-swipe between other images in the slideshow.

MixItUp

MixItUp has a lot of various custom options and I would say this is closer to an intermediate jQuery plugin. You will need to understand a few concepts when customizing the default setup and adding this into your page. But it will allow quick sorting of elements within a set gallery like portfolio items, images, photographs, and so much more.

jQuery Spellchecker

Designers who are familiar with the in-browser spellcheck may be a fan or may completely hate it. This jQuery plugin offers a different solution where you may edit the callback function to display related vocabulary. It is a daring plugin which is completely free to use, but also requires a bit of customization to get working correctly.

ScrollUp

ScrollUp is in my top 5 new favorite plugins just for its ease of use and pre-built styles. Simply include the JS files into your webpage and setup the offset distance from the top. Then after a visitor scrolls beyond this limit a small fixed div will appear in the bottom corner. It is an excellent alternative to coding your own button from scratch.

Nod Frontend Validation

Nod is a frontend validation plugin for HTML input forms. Using jQuery you may setup the actual basis for what is considered good and bad data, then check these values after the user submits the form. It will not go through until all of the criteria are met.

Select2

Select dropdown menus have always been stuck in their own CSS styles. There are some posts online which delve into customizing your own select menu, but often not supported by all browsers. This jQuery plugin Select2 is an enhancement on the typical HTML select field. Just include the plugin within your heading and all select menus can be updated with a small bit of code.

Tooltipster

Aside from the other great jQuery tooltip plugin, I have to recommend Tooltipster for their alternative codebase. I have used Tooltipster in a few projects and it works just as described. Many of the options are so easy to implement, and this allows developers to customize their own tooltips with just a few CSS properties.

Vortex

This strange carousel-style plugin allows you to create a dynamic rotating panel of elements. The jQuery Vortex plugin is fairly new, and there are still updates being applied on a regular basis. However I think it is worth a mention since the techniques are still not as mainstream as you might expect.

iCheck

iCheck is one of the best jQuery plugins I have ever found to update your input fields. Checkboxes and radio buttons will receive a totally new look when you choose the proper skin and color style. I will admit that iCheck is a bit deceiving with so many confusing options at first. But the more you practice the easier it will get to include this plugin within your website(s).

Any List Scroller

ALS or Any List Scroller is a typical jQuery plugin for image slideshows. But instead of displaying the images in a bigger view, they are rotated like a typical homepage items scroll container. There are options to include arrows on both sides and allow visitors to manually switch between internal elements.

Tumbo

Tumbo is a fairly rudimentary plugin for quickly displaying a feed out of your Tumblr blog. This can be updated to display the contents from any Tumblr blog just by using the subdomain URL. Obviously not everybody will have a need for this, but it is good to know that developers are working their way through APIs like Tumblr built into JavaScript plugins.

Spectragram

Speaking of APIs – this Spectragram plugin is a quick method for accessing photos off Instagram. You simply include the JS files into your header and then specify a user or search query. The Spectragram plugin will pull all related results and link back to the original shot.

jQuery Stripe

The jQuery Stripe plugin offers a more traditional image gallery. Each photo will only display as a small vertical sliver which you may click to show the whole image. There are also arrows on the right and left sides to change between views. I don’t think it is the best option but it can be an offbeat solution for atypical website layouts.

SocialCount

SocialCount handles another strange feature which does get a lot of requests. This plugin will allow you to quickly pull out the numbers for Twitter, Facebook, and Google+ shares. Merely enter the target URL and you can display social media badges anywhere in your webpage.

Custom Scrollbar Plugin

jQuery Custom Scrollbar is a fascinating plugin which deserves a lot of attention. This has been online for quite a while now, but the effects still never cease to amaze. You can quickly make a div element with an overscroll feature using these custom scrollbars. It is perfect for handling custom content which should not take up the entirety of the layout.

Smallipop

Smallipop is yet another beautiful jQuery tooltips plugin. You should look at some of the examples to see how this would be implemented. Each tooltip plugin follows its own rules and they may or may not appeal to everyone. But I think Smallipop is a great choice for developers getting started in JavaScript libraries.

jPanelMenu

jPanelMenu is another popular jQuery plugin for using a sliding navigation. You may quickly include these codes within your website to add the effects on any page. Just target the open/close element and whenever the user clicks, it will display your hidden navigation. Take a peek at the live demo to see this effect in action.

Intro.js

Intro.js is an introduction guided tour plugin for jQuery. There are a lot of options and custom settings you may choose, but this also allows for a more unique website performance. I think Intro.js is the best jQuery plugin for creating a guided website tour. The CSS is easily malleable and you can demo with all sorts of different layouts.

Lightbox_me

The list of shadowboxes and lightboxes has grown tremendously since 2011. I think the jQuery plugin Lightbox_me is another beautiful example of this feature. You can setup images, forms, videos, and other HTML right within a modal lightbox. The JS codes are easy to learn and the plugin does not require a whole bunch of custom edits.

jQuery Carousel

I think the abitgone jQuery Carousel is definitely a peculiar option. This will display prev/next links right within the image div encapsulating all of the other images. It looks really nice in smaller spaces and you can resize the example to anything you need. I feel it is worth looking into but it may not come out as your favorite option.

Superbox

Are you familiar with how Google Images currently displays results? This is how jQuery Superbox works using your own static images. Visitors have the ability to browse thumbnails and once they click, a new div will open up displaying the full image. I really like this plugin because the user experience mimics Google very closely. And since people are already familiar with Google it provides a seamless exchange of data without much confusion.

KGallery

KGallery is another beautiful jQuery image gallery with slideshow features. The default icons are not permanent and you can obviously update other bits of the user interface. What really catches my attention is the option to include smaller image thumbnails within the gallery design. It is a fairly simple plugin to setup and I would recommend testing the live demo to see how you feel about the implementation.

jQuery Litelighter

Plenty of great syntax highlighters have been released over the past few years. But jQuery Litelighter is another plugin I really appreciate for the simplicity and graceful nature. You can generate highlighted syntax for nearly any popular language, and it should work using any of the most common web browsers.

bxSlider

bxSlider simply has one of the best user experiences for an image slideshow. You can implement this right onto your homepage or within any other page of the site. It will provide a solid design for users who are familiar with image slideshow features. Also the jQuery codes are very minimalist and do not bog down the website over long loading times.

MeanMenu

The MeanMenu plugin is a newer release and certainly worth looking into. I really like how the default navigation design will automatically resize based on the total number of internal links. Also you can include sub-menu links which offers visitors a quicker view of your nav menu. The design is not a great choice for everybody, however it is a solid plugin and may prove useful on some website projects.

30 jQuery Plugins for Amazing Website Design

http://inspiretrends.com/30-jquery-plugins-for-amazing-website-design/

30 jQuery Plugins for Amazing Website Design.mht

1. jQuery Nested

jQuery Nested claims to be different than the rest because it is the only one out there that offers a complete gap-free layout. Whether you see sites on PC, tiltable tablets or smartphones, the grid just moves and makes sure that there are no gaps or idle spaces in between.

2. jResponsive

When you need to add jQuery driven layouts that can be changed, edited, and resized the way you want, jResponsive is the solution for creating smooth transitions and effects without the complicate coding.

3. FlexNav

FlexNav offers a different kind of experience for fluid, fast, smooth, and seamless transition effects to dropdown menus, which is optimized for devices that are usually touch-navigated.

4. scrollNav.js

For a cute-looking side-screen scroll navigator that changes font face depending on the sections of your webpage, aside from the fact that this plugin jquery follows you when scrolling deep down, scrollNav.js does things wonderfully.

5. ClassySocial

ClassySocial combines the classy touch of jQuery effects and the connectivity of various social networking sites, all in one cool impressive package.

6. jQuery Github

You can have your favorite Github Repositories displayed on your page nice and slick with unique jQuery plugins.

7. Flaunt.js

This jQuery tool can address the demand for fast-loading and smooth scrolling nested navs.

8. Sidr

If you want to have the same effects found in the new Facebook user interface where pressing a button creates a sliding motion that reveals options and links, the Sidr does just that, far better and smoother.

9. Magnific Popup

Those who want to have a jQuery-driven photo lightbox can use Magnific Popup, which lessens the burden of your users in waiting for long loading times, while maximizing functionality.

10. slideToucher

slideToucher can help you move through the pages left and right, up and down by merely touching the screen and not using the scrolling bars found on the edges of the screen.

11. Flexisel

Easily defined for providing a flexible carousel, Flexisel provides users an experience of going through different items with seamless effects and faster image loading.

12. Swipebox

Basically, Swipebox is a jQuery-powered lightbox that can be flexible as a keyboard-navigated item in a desktop and swipe-driven lightbox in mobile devices.

13. Photoset Grid

Setting images in a grid becomes easy with jQuery plugins because all you need to set are the pictures, the grid properties, and everything else will take care of itself, regardless of image size.

14. LiquidSlider

Thanks to CSS3, HTML5, and jQuery elements added with LiquidSlider, you can now enjoy clicking through tabs while seeing the responsive layout designs , whether you click one tab after another, or if you skip.

15. dropdown.dot.js

You can now have a unique-looking dropdown menu, which can also be placed with numbers, all for only 2.4kb, which is very lightweight.

16. Unslider

Though it presents a full-page slider that can be navigated by touch, mouse, or keyboard, Unslider is one of those “small but terrible” jQuery plugins when it comes to size against performance all for 3kb.

17. typeahead.js

This jQuery plugin has been designed based on Twitter’s autocomplete search tool, which you can work with your own sets of data.

18. iCheck

iCheck helps you create and customize your own set of checkboxes and radio buttons, while assuring clean transitions thanks to jQuery plugins.

19. Image Picker

Image Picker utilizes animation selection with the help of images that can be set in grid, which works whether you click items from the dropdown menu or directly clicking the image.

20. Chardin.js

Creating overlay instructions for your site can never be more amazing with this tool where the animation complements well with the texts and the lines.

21. Textillate.js

You can now experiment with text animation with jQuery plugins that lets you see the results of various effects applied to text, which works together with jQuery, animate.css, and lettering.js.

22. jtwt.js

jQuery-powered recent tweet updates anyone? jtwt.js is the tool you can use for this alternative way of presenting such updates in your site.

23. imageloader.js

Instead of just seeing images pop up after it has been loaded, imageloader.js provides a smooth fade-in effect that makes image appearance more subtle.

24. jQuery Alpha Image Plugin

Setting images to transparent or semi-transparent is actually difficult, but jQuery Alpha Image Plugin addresses that problem very easy with codes.

25. bPopup

For those who wanted to edit and add properties to their popups, bPopup has been created for just that very purpose.

26. Sieve

If you have a site that stores database of different things and you want to be searchable within your site, using Sieve jQuery plugins should provide an appeal as the bar is populated depending on what is sought.

27. Perfect-Scrollbar

Perfect-Scrollbar presents clean, sharp, and auto-fading scrollbars on images, which can also be resized.

28. Pronto

Pronto is one of those special jQuery plugins that is different from the rest of what’s available in this list. Instead of just being a plugin for certain site parameters, it speeds up site page load through HTML5 pushState().

29. scrollUp

When you want “scroll to top” links to become more fashionable and presentable, then this should work for you.

30. jQuery.Pin

jQuery.pin is a creative way of pinning topmost elements that does not go away when scrolling down.

http://www.designyourway.net/blog/resources/a-collection-of-jquery-maps-plugins-20-examples/

A Collection Of jQuery Maps Plugins - 20 Examples.htm

CSS & jQuery clickable map

Free interactive map of forty-seven countries of the European continent. It’s a better way to convert a list of regions into a stylish clickable map without a Flash Player or any external plug-ins ..just a well known CSS sprites ..which works in all modern browsers ..even on the mobile devices as iPhone or iPad.

jHERE: Maps made easy

With jHERE, you can easily add interactive maps to your website. In only 5KB (2KB Gzipped), you get a powerful map API, highly customizable markers, event handling and info bubbles. Bonus features are KML support and data visualization via heatmaps.

Kartograph

Kartograph is a simple and lightweight framework for building interactive map applications without Google Maps or any other mapping service. It was created with the needs of designers and data journalists in mind.

Actually, Kartograph is two libraries. One generates beautiful & compact SVG maps; the other helps you to create interactive maps that run across all major browsers.

CraftMap

CraftMap (previous MobilyMap) is a lightweight (6KB only), fully configurable jQuery plugin that converts a simple image into a functional map by overlaying dynamic elements on it such as markers. Like Google Maps, you can place your own marker icons and add location information to specific markers with a draggable image interface.

Polymaps

Polymaps is a free JavaScript library for making dynamic, interactive maps in modern web browsers. Polymaps provides speedy display of multi-zoom datasets over maps, and supports a variety of visual presentations for tiled vector data, in addition to the usual cartography from OpenStreetMap, CloudMade, Bing, and other providers of image-based web maps.

JQVMap

JQVMap is a jQuery plugin that renders Vector Maps. It uses resizable Scalable Vector Graphics (SVG) for modern browsers like Firefox, Safari, Chrome, Opera and Internet Explorer 9.

jQuery Geo – a JavaScript mapping API

jQuery Geo, an open-source geospatial mapping project from Applied Geographics, provides a streamlined JavaScript API for a large percentage of your online mapping needs. Whether you just want to display a map on a web page as quickly as possible or you are a more advanced GIS user, jQuery Geo can help.

U.S. Map

Easily add a an interactive map of the USA and States to your webpage without using Flash.

jVectorMap

jVectorMap uses only native browser technologies like JavaScript, CSS, HTML, SVG or VML. No Flash or any other proprietary browser plug-in is required. This allows jVectorMap to work in all modern mobile browsers.

Responsive google maps

gMap

Purpose of gMap is to help you keep your code clean and to create Google Map in very easy way, without learning its API. In future versions gMap will be improved with functions that are hard to achieve with Google Maps. Hopefully it will turn into great data visualisation tool, while still maintaining its simplicity.

Raphaël

Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.

gmaps.js

gmaps.js allows you to use the potential of Google Maps in a simple way.

bMap

The bMap jQuery plugin allows you to quickly and easily add mapping to your website. It has been designed from the beginning to handle lots of markers, lots of layers, and custom marker icons.

jQuery Map Marker

This plugin makes it easy to put multiple markers on Map using Google Map API V3. Map Marker is very useful when you have a list of data & you want to show all of them on Map too.

jQuery GPS

jQuery GPS is a jQuery plugin for people that want to add Google maps to their website, but don’t want their website to be bogged down with features they don’t need.

Jquery GPS is a lightweight and simple solution to all your Google Map needs. Add inputs for addresses by simply adding default or custom ID’s. You can use any element to trigger the event! So it doesn’t need to be embedded inside a form.

Point Of Interest (POI) Auto Map – Premium

Poi Auto Map combines the power of Google’s Maps and Places APIs to give you a simple way to add highly interactive Point of Interest maps to your website. All you need to do is define a starting address and a list of point of interest categories and POI Auto Map does the rest. Move the map and watch the points update. You can also define a database connection from which to source your POI points. This is the largest update yet in both features and performance.

Interactive SVG USA Map – Premium

Features
- Runs with javascript (raphael), no flash required, support iPad and iPhone
- XML Data – States in alphabetical order
- Resizable map, you can change the size of the map directly in the XML file.
- Change all colors in XML.
- 2 versions included, navigate to URL or display text when state is clicked.
- State names abbreviations.
- Optional text area size and padding in XML.
- Activate/Deactivate each state independently. In the preview, UTAH is deactivated for example.
- Full documentation included.

jQuery Interactive SVG Map Plugin – Premium

Features
- Any maps – works with any SVG map;
- Preloaded maps – World, USA , Russia, Europe, Australia, Germany, Peru, Brazil, Malaysia, South East Asia
- No Flash – works on iPad & iPhone
- Cross-browser – tested
- Resizable & Responsive – just set width/height
- Zoom & Pan – zoom by mouswheel, pan by mouse pointer
- Customizable Colors – base, hover, selected, disabled, strokes;
- URLs – set urls for regions
- Tooltips – show country names or custom text
- Markers – put markers with to the any map
- GeoIP location – show user’s current location on World Map
- Event handlers – onClick, onMouseOver, onMouseOut

Interactive Maps Generator – Premium