반응형

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.

jQueryPaginationPlugins-16

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.

jQueryPaginationPlugins-17

jQuery Simple Content Sorting Plus Plugin

Demo || Download ]

jQueryPaginationPlugins-18

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

jQueryPaginationPlugins-19

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.

jQueryPaginationPlugins-20

jPList

Demo || Download ]

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

jQueryPaginationPlugins-21

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.

jQueryPaginationPlugins-1

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.

jQueryPaginationPlugins-2

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.

jQueryPaginationPlugins-3

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.

jQueryPaginationPlugins-4

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.

jQueryPaginationPlugins-5

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.

jQueryPaginationPlugins-6

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.

jQueryPaginationPlugins-7

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.

jQueryPaginationPlugins-8

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.

jQueryPaginationPlugins-9

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.

jQueryPaginationPlugins-10

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.

jQueryPaginationPlugins-11

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.

jQueryPaginationPlugins-12

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.

jQueryPaginationPlugins-13

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.

jQueryPaginationPlugins-14

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.

jQueryPaginationPlugins-15

 
반응형
반응형

25 New Script Libraries and Plugins on GitHub

 

http://mashable.com/2013/06/09/github-script-libraries/?utm_campaign=Feed%3A+Mashable+%28Mashable%29&utm_cid=Mash-Product-RSS-Pheedo-All-Partial&utm_medium=feed&utm_source=feedburner

 

1. Unveil.js

Unveil.js is a lightweight version of LazyLoad, with support for serving high-resolution images to devices with Retina display. The LazyLoad plugin has some neat options, such as custom effects, but if you don't use any of those you can reduce the file size considerably, leaving just the essential code. This is exactly what Unveil.js is.

2 Chardin.js

Chardin.js (named after the French painter Jean-Baptiste-Siméon Chardin) lets you add simple overlay instructions on existing elements, on any of your apps, using JavaScript. It was inspired by the recent Gmail new composer tour, and is a simple solution that works well and looks incredible.

3. Superhero.js

Superhero.js isn't strictly a JavaScript library itself, but rather, a library of articles on how to create, test and maintain a large JavaScript code base. This is a continuously updated collection of the best articles, videos and presentations on the topic, which helps explain the syntax of JavaScript, how to organize projects, how to test your code and what's on the horizon.

4. Snap.js

Snap.jsis a library for creating beautiful mobile shelfs in JavaScript, which appear when clicking a button or dragging the entire view. It uses CSS3-powered animations with IE fallbacks, and features flick support, event hooks, drag support and an event-based API, so it's simple to hook into existing interfaces.

5. Least.js

Least.js creates beautiful, random and responsive HTML5 and CSS3 image galleries using LazyLoad. Installation is simple and straightforward; just download the script and insert the appropriate code before the </head> and after the <body> tags.

6. Verlet.js

Verlet.js is a simple Verlet physics engine written in JavaScript, with particles, distance constraints and angular constraints, all supported. It's based off an iterative technique called Verlet Integration, which simplifies force and motion calculations. With it, you can easily model intricate objects and dynamic behaviors.

7. Bespoke.js

Bespoke.js is a DIY micro-presentation framework that makes it simple to create animated deck-style slideshows. It's less than 1kb minified and gzipped, with no dependencies, and uses keyboard and touch events to add classes to your slides, while you provide the CSS transitions. There are five basic themes, and both production and development versions are available to download.

8. Lazy.js

Lazy.js is a utility library for JavaScript, similar to Underscore and Lo-Dash, but it uses "lazy evaluation," which can translate to superior performance in many cases, especially when dealing with large arrays and "chaining" multiple methods. With no external dependencies, you can get started straight away.

9. Chart.js

Chart.js is an object-oriented graphing system for designers and developers that uses JavaScript and HTML5 Canvas to create six different types of charts. Each chart can be animated and fully customized, with support on Retina displays and all modern browsers, and with polyfills to provide support for IE7/8. It's dependency free, lightweight (only 4.5kb when minified and gzipped) and offers a wealth of customization options.

10 . Pixi.js

Pixl.js is a super fast HTML5 2D rendering engine that uses webGL with canvas fallback, to provide a fast, lightweight library that works across all devices. The Pixi renderer allows everyone to enjoy the power of hardware acceleration without prior knowledge of webGL. It features a super easy-to-use API, asset loaders, full mouse and multi-touch interaction, support for texture atlases and much more.

11 . SocialFeed.js

With SocialFeed.js, you can create a feed with your latest interactions on different social media, designed to be both modular and plugable. By default, no social site is added; each has be explicitly added, and is implemented as its own module. It's extremely customizable with an API, which exposes several functions and events.

12 . Intro.js

Intro.js provides a better way to create a new feature introduction and step-by-step user guide for your website and project. It's simple to set up: Just include the JavaScript and CSS files and "add data-step" and "data-intro" to your code. It's lightweight (only 2.5kb gzipped) and includes keyboard and mouse navigation, with cross-browser compatibility on all modern browsers, from IE8 and up.

13. Datamock.js

Datamock.js lets you easily add fake data to your mockups, with straightforward usage and a handy demo to see it work in action. Use data attributes to bind mocked data; it includes other value types, such as emails and names. With a bookmarklet task included in the build script, you can quickly generate a page with test sample data.

14. Imageloader.js

Imageloader.js is a jQuery plugin for pre-loading images, with simple implementation. However, it has minimal customization options outside the array of image URLs to load. The demo shows off its functionality.

15. SimplePagination.js

SimplePagination.js is a simple jQuery pagination plugin that includes three CSS themes and features Bootstrap support. It has options for configuring the page links, next and previous text, one-click events, style attributes and more. There is also an API for selecting pages, and support for Bootstrap was recently added.

16. Sco.js

A collection of jQuery plugins for the web, inspired by the Twitter Bootstrap components, Sco.js plugins can replace the Bootstrap equivalents. Several plugins are unique, and in cases where Sco.js replaces Bootstrap plugins, the underlying markup has been simplified and the reliance on IDs reduced.

17. StreamTable.js

StreamTable.js streams data for tables in the background, and updates and renders them using templating frameworks like Mustache.js and HandleBars.js. It provides fast rendering of the pages or tables, without the "loading data" delays, and with fast client-side filtering. It can also manage various JSON data formats.

18. fpsmeter.js

Fpsmeter.js is a simple JavaScript library to display the frames-per-second of an animation. It can measure the number of milliseconds between frames and the number of milliseconds it takes to render one frame. It supports theming, so it can be customized to suit new and existing interfaces, and can cope with multiple instances on a page.

19. Behave.js

Behave.js is a lightweight library for adding IDE style behaviors to plain text areas, making it much more enjoyable to write code in. It supports all modern browsers, with partial support for IE6/7. It has no dependencies and allows for custom code and behavior fencing, multi-line indentation and un-indentation.

20. Chartkick.js

Chartkick.js helps you create beautiful Javascript charts with minimal code. It supports Google Charts and Highcharts, and works with most browsers (including IE6). It works with Ruby, using the "chartkick" gem. Use it to create line charts, pie charts, column charts and multiple series.

21. Gif.js

Gif.js is a JavaScript GIF encoder that runs in your browser. It uses typed arrays and web workers to render each frame in the background. It works in browsers supporting Web Workers, File API and Type Arrays by generating the GIF images in the background, using Web Workers.

22. ColtJS

ColtJS is a simple framework that allows for easy deployment of a JavaScript Application using asynchronous module definition. Its only dependency is RequireJS, and it builds off simple principles of a centralized router, loading modules only when requested to produce an efficient, easy-to-manage application structure. You can use the ColtJS boilerplate for a quick start and view the documentation on the ColtJS website.

23. Anima.js

Anima.js makes it easy to animate over a hundred objects at a time, and each item has its mass and viscosity to emulate reallife objects. It helps improve upon some of the limitations of CSS animations, such as calculating percents for keyframes, giving you greater control over the flow of animations, along with the ability to use delays and durations normally.

24. Navi.js

Navi makes it easy to dynamically display content on your sites. Instead of cluttering up your site tree with extra files, you can easily write all your HTML code for multiple pages in one file. It uses the current hash to change content, leaving your visitor's back button functional, with built-in support for Ajax, Google Analytics, breadcrumbs, page titles, along with easy HTML and JavaScript markup.

25. Fartscroll.js

Would any recent GitHub script roundup be complete without Fartscroll.js? Created by The Onion, it can install on any webpage to produce gassy noises as you scroll up and down the browser window. Try the Google Chrome extension for a more immersive experience.

반응형
반응형

30 jQuery UI Framework Plugins

http://designmodo.com/jquery-ui-framework-plugins/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+designmodo+%28Designmodo%29

jQuery, is it a popular buzzword or an effective JavaScript, what to say and how to define it? Yes, they both add values to the word jQuery. It is a popular JavaScript and a rocking word in the web industry nowadays. jQuery is being used by 40% of the websites nowadays. And, its demand is getting more and more because of its updated and feature content plugins. The functional boundaries are constantly getting pushed forward by the jQuery plugins because of the actual release of new plugins every now and then.

The web designer face the biggest challenge in their life about how to satisfy the customers with their websites and do you say it is not that much tough to make it possible? You can’t because you might have experienced the same. This popular JavaScript library is in the list of most commonly used script libraries that too by most popular websites.

It is needless to say that jQuery plugins increases performance and attractiveness of a blog. So since beginning we have been contributing informative articles about jQuery. We have previously published jQuery scrolling plugins, jQuery plugins for Responsive websites, jQuey plugins and coding techniques and many more. If you are a newbie you may find this guide to jQuery very helpful. In order to help you to find some of the freshest jQuery plugins, we have rounded up a list of 30 amazing jQuery plugins.

turnjs

This JavaScript library will make your web content look like a real time book. It has developed for HTML 5 applications. And, you can expect this to go well with other gadgets like tablets and even Smartphones. It’s a very less space occupying plugin, say something around 15 kilobytes.

dd Slick

It is one another small size JavaScript plugin which will let the users to create a dropdown box in their web pages and the thing is it not only allows the texts as dropdown lists, but also it lets you include images too.

Sparklines

You want to depict some graphs in your web pages? Here you go with this JavaScript plugin. Sparklines will let you create small inline charts. The input data for the charts should be provided through JavaScript or using inline in the HTML.

Slidesjs

As the name suggests, this query will provide you a way for creating a simple slideshow. The slideshow will contain all features like a normal one say the auto play, slide transition effects, fade etc.

Zoomy

Here again the name suggests the functionality of the plugin. This plugin will let you magnify the picture easily and quickly. You should be ready with two copies of the same pictures that you want to zoom.

Spritely

This jQuery plugin deals with creating animation characters and background animations using java script and HTML. It is one another light weight and simple jQuery. Make your website more animated and lively with the help of this plugin.

Hover intent

It’s a plugin where the main goal is to work based on the web user’s intent. It is similar to that of the function of jQuery’s built-in-hover functionality, but expresses some difference in terms of mouse movement.

gMap

You wish to embed the Google maps in your website? Make it possible using this plugin. You can customize it as per your needs and again, the size of this plugin is too small.

Jeditable

A plugin used for editing the contents. This functionality requires very few lines of JavaScript code.

prettyPhoto

If you want to support not only images, but also videos, flash and other image formats, then this plugin will be more useful for you. Almost all of the web browsers will accept this plugin and the setup is too simple.

Ajax fancy captcha

A big challenge for all web owners is to protect their website from bots and spams. And, this plugin helps you with that by providing you the way for creating captcha.

Star Rating plugin

As the name suggests, this plugin is for providing ways to create a rating functionality in your website. You can simply turn out your radio boxes into star ratings with very simple code.

Pagination

When you have so many pages in your website, there you will find this plugin very useful. The users can be easily navigated through pages, if you use this plugin to include page numbers on your website.

Tablesorter 2.0

This plugin will let you sort the tables, if you have any in your website in a sortable format. It is possible to sort even linked data in the table using this plugin.

Fullcalendar

It’s a plugin for developing full customized and useful drag-drop calendar. You can easily customize this calendar as per your needs and requirements. You can use your own feed format for the data for calendar.

Date picker

Selecting particular date ranges is possible with this jQuery plugin. It will provide you a standard form of input field. You will get either a popup or inline calendar with this plugin.

jLy1

Shortened URLs are really useful. Sharing your favourite links to others goes easier with the help of shortened URLs. And, that’s become possible with the help of lLy1 jQuery plugin.

Tocify

You could have seen table of contents in book front page. And, this became more common nowadays in websites too. And, the same can be achieved using this jQuery plugin. It makes user to navigate to the particular content topic or page that they wish to access.

Noty

Create warnings, ideas, errors, alert messages etc. using this plugin. It will be useful for almost all of the website owners because displaying error or warning messages is more needed now for user’s support and convenience.

jScrollbar

Do you have to more content in your website and want to add a customized scrollbar to your webpage? Just get it done through this plugin.

idTabs

You can add tabs to your website using this plugin. You will find similar type of plugins a lot, but this will be more useful and flexible.

Progress bar plugin

The name itself explains that this plugin is used to indicate the progress status of either loading your website or a particular topic or whatever progressing stages it is.

Color picker

The color picker which you will generally see available in photoshop or any photo editors can be added to you website using this jQuery plugin.

qTip

A tooltip plugin, more user friendly and at the same time more feature rich will have lots and lots of useful features. You will get tips in speech bubble format, rounded corner edges format etc.

jqGrid

This plugin will let you insert grids in your webpages or in a particular place in your website. It is possible to toggle between front and back of the webpage.

Kendo UI

Its programming interface, MVVM framework, Data Source, internationalization and many other features makes it the most desirable jQuery plugins for web developers.

Shadow

You can create shadow and drop shadows for images using this jQuery plugin. Such kind of shadow appearing images will generally look appealing and attractive.

Calx

This plugin will be helpful for creating calculation form using JavaScripts. This is the initially released version and lots of development has been made recently.

BackToTop

This phrase you could have seen in almost all of the websites. You may be at the bottom of the website and you can suddenly reach the top using the button ‘Back to Top’.

Autosize

This plugin allows automatic resizing of the text based on the text area space and height. When used this plugin, the text area will grow when the input length grows.

Conclusion

jQuery’s success and popularity is all because of the web development community globally and everyone deserves the full credit for it. It continues to grow more and it is more thriving. Just get informed about all jQueries and be a successful web developer!



Source: http://designmodo.com/jquery-ui-framework-plugins/#ixzz2LxmU3odk

반응형

+ Recent posts