LatestNews : jQuery Animated News Ticker Plugin

LatestNews : jQuery Animated News Ticker Plugin

LatestNews is a new responsive plugin that allows you to show news feed with amazing text effects. It already comes with a Theme Configurator (360 css files included!) and 200 ready-to-use text animations.

Features:

  • 200 ready-to-use animations
  • theme configurator
  • responsive
  • SEO friendly
  • it can get news items from facebook (php files included)
  • it can get news items from twitter (php files included)
  • it can get news items from standard RSS
  • it can animate both letters and words
  • full compatibility with all the latest browsers
  • fallback for older browsers

Viewport Genie : Show Real Viewport Width and Height

Viewport Genie : Show Real Viewport Width and Height

Adds the real viewport width and height (in px and em) as an element on the body to help with obtaining values for responsive breakpoints.

Twism : A clickable SVG maps jQuery plugin

Twism : A clickable SVG maps jQuery plugin

Twism is a clickable SVG maps jQuery plugin.Well, it works for any SVG that has IDs on the clickable regions. I made it for rolling out quick maps, though. You should probably use D3.js or Raphael if you want a robust, tested library for manipulating vector graphics.

jQuery RWD Images : Responsive Images Plugin

jQuery RWD Images : Responsive Images Plugin

Responsive & Retina Content Images Redux using Media Queries & a base64 spacer GIF with the rwdImages jQuery plugin to allow the actual image to be saved, shared & printed.Retina screens will be served an image that’s twice the size, but gets scaled down.

The key is to use the intrinsic ratio technique to set the height of responsive images to 0, and give them a padding-bottom of the (width/height)*100. When the viewport width is large enough to show the images at the largest, real height, set the padding-bottom to the actual image height so the images don’t continue to create unnecessary padding.

The rwdImages jQuery plugin is used to wrap the image in a span and create an overlayed clone of the image with opacity: 0 so users can download or share the image.

Side Navigation Menu with CSS3

Side Navigation Menu with CSS3

Side Navigation Menu with CSS3 transition property & without JS.We have a <nav> tag on the left of the screen with position: fixed;, a width and a fixed height.

Then we have a list with <svg> images and hidden links with display: none;, when we do a :hover over <nav> tag we added more with to the <nav> and a display: block; so that the links appear.

WOW.js : Reveal CSS animation as you Scroll down a page

WOW.js : Reveal CSS animation as you Scroll down a page

Reveal CSS animation as you scroll down a page. By default, you should use it to trigger animate.css animations. But you can easily change the settings to your favorite animation library.

Advantages:

  • Smaller than other javascript parallax plugins, like Scrollorama (they do fantastic things, but can be too much heavier for simple needs)
  • Super simple to install, and works with animate.css, so if you already use it, that will be very fast to setup
  • Fast execution and lightweight code: the browser will like it ;-)

DYSANIA – jQuery Responsive WordPress Grid Gallery Plugin

DYSANIA - jQuery Responsive Wordpress Grid Gallery Plugin
  • Fully Responsive Layout
  • Valid HTML5 – CSS3 – Jquery
  • Unlimited Galleries and Filters: Unlimited gallery and filter menu can be added to any post or page
  • Easy to use, user friendly admin panel
  • Highly customizable! All colors, fonts, alignments, icons, hover animations can be changed from plugin settings
  • Photo,video and link gallery item types are available
  • 6 different colorbox style
  • 1,2,3,4,5 column layout options
  • Fits all themes
  • Grid combination
  • 4 different thumbnail resolution option
  • Gallery shortcode generator
  • Custom widget
  • And much more…

jQuery Bootstrap Dialog

jQuery Bootstrap Dialog

Make use of Twitter Bootstrap’s modal more monkey-friendly with this jquery plugin.

Bobbograph : jQuery cross-browser canvas-based Graphing library

Bobbograph : jQuery cross-browser canvas-based Graphing library

Bobbograph is a highly configurable Canvas-based graphing library for jQuery. It provides you with the power to render great looking graphs across all modern browsers. Bobbograph is also built to utilize Excanvas for older versions of IE that do not support Canvas.

Creditly.js : An intuitive Credit Card Form

Creditly.js : An intuitive Credit Card Form

An intuitive credit card form.Creditly.js gives you everything you need in order to create a sleek, intuitive credit card form. Just copy the html, css, and javascript to get an intuitive credit card form in seconds. You get credit card validation (using the Luhn algorithm) for free!