free-jquery-plugins-recommendation-by-only-psd2html

Free jQuery Plugins Recommendation By Only PSD2HTML

Plugins make life easier. we’re all about working smart and plugins are smart. No wonder we are frequently asked what jQuery plugins we like the best. In general, we like plugins that are easy, handy, simple, and help us get the job done flawlessly. Here’s a rundown of our favorite jQuery plugins. Free jQuery Plugins Recommendation By Only PSD2HTML

GreenSock Animation Platform

HTML5, SVG, jQuery, Canvas, CSS, new browsers, old browsers, RequireJS, EaselJS, mobile, and more – GSAP gets along with them famously. Use your favorite tools without jumping through endless hoops to ensure compatibility. It even accommodates various transforms (scale, skew, rotation, x, and y) in modern browsers plus IE back to version 6 without requiring clunky browser prefixes and hacks. We worry about compatibility so that you don’t need to. Another headache solved.

Raphaël—JavaScript Library

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.

Raphaël [‘ræfeɪəl] uses the SVG W3C Recommendation and VML as a base for creating graphics. This means every graphical object you create is also a DOM object, so you can attach JavaScript event handlers or modify them later. Raphaël’s goal is to provide an adapter that will make drawing vector art compatible cross-browser and easy.

Raphaël currently supports Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+.

D3.js Data-Driven Documents

D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.

FancyBox

FancyBox is a tool that offers a nice and elegant way to add zooming functionality for images, html content and multi-media on your webpages. It is built on the top of the popular JavaScript framework jQuery and is both easy to implement and a snap to customize.

Parallax.js

Parallax Engine that reacts to the orientation of a smart device. Where no gyroscope or motion detection hardware is available, the position of the cursor is used instead.

Skrollr 0.6.30

Stand-alone parallax scrolling JavaScript library for mobile (Android, iOS, etc.) and desktop in about 12k minified.

Designer friendly. No JavaScript skills needed. Just plain CSS and HTML.

Actually, skrollr is much more than “just” parallax scrolling. It’s a full-fledged scrolling animation library. In fact, you can use it and still have no parallax scrolling at all. But I wanted to sound hip and use some buzz-words. By the way, skrollr leverages HTML5 and CSS3 😉

Packery

Packery is a JavaScript library and jQuery plugin that makes gapless and draggable layouts. It uses a bin-packing algorithm to fill in empty gaps. Packery layouts can be intelligently ordered or organically wild. Elements can be stamped in place, fit in a specific spot, or dragged around. It’s perfect for draggable dashboard and seamless Masonry image galleries.

Isotope

Isotope is another plugin for grid layout. It’s flexible enough to be used by sites as different as Whole Foods and Biodroid. Isotope can arrange your elements based on data or hide/show elements based on filtering. The sizing and styling of your items is controlled by your CSS. Open source and commercial licenses are available.

Masonry

Masonry is a complete cascading grid layout library. Just as a mason fits stones together optimally, Masonry works by placing elements in the best space based on the amount of available vertical space. The sizing and styling of the items is handled by your CSS.

Chart.js

Mix and match bar and line charts to provide a clear visual distinction between datasets. Plot complex, sparse datasets on date time, logarithmic or even entirely custom scales with ease. Out of the box stunning transitions when changing data, updating colours and adding datasets.

Swiper

Swiper – is the free and most modern mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps. Designed mostly for iOS, but also works great on latest Android, Windows Phone 8 and modern Desktop browsers

Swiper is not compatible with all platforms, it is a modern touch slider which is focused only on modern apps/platforms to bring the best experience and simplicity.

Swiper, along with other great components, is a part of Framework7 – full featured framework for building iOS & Android apps. Swiper is also a default slider component in Ionic Framework

Slick Carousel

Tagged the “last carousel you’ll ever need,” it lives up to the hype. We love this plugin because it’s fully responsive and gives you full functionality for your galleries. Slick uses CSS when available, but retains full function when it’s not. You can easily add, remove, and filter your slides as well as having syncing and autoplay functions. The jQuery plugin is free while its WordPress cousin is not.

Features

  • Fully responsive. Scales with its container.
  • Separate settings per breakpoint
  • Uses CSS3 when available. Fully functional when not.
  • Swipe enabled. Or disabled, if you prefer.
  • Desktop mouse dragging
  • Infinite looping.
  • Fully accessible with arrow key navigation
  • Add, remove, filter & unfilter slides
  • Autoplay, dots, arrows, callbacks, etc…