Audio Recording with Custom Audio Player using jQuery & HTML5

Audio Recording with Custom Audio Player using jQuery & HTML5

Today we want to discuss how to publish a voice recording messages on newsfeed using Jquery and HTML5 with custom HTML5 audio player. Take a quick look at the live demo, make sure use the microphone for better result.

jQuery Animated Dropdown Mega Menu Plugin

jQuery Animated Dropdown Mega Menu Plugin

An Animated Dropdown Mega Menu a jquery plugin that uses Animate CSS/HoverIntent with CSS only fallback.

  • Javascript Based menu with CSS only fallback
  • Uses CSS3 animation when available (fallback to js)
  • Works in IE7+

Fixed Background Effect with jQuery & CSS3

Fixed Background Effect with jQuery & CSS3

A simple template that takes advantage of the background-attachment CSS property to create a fixed background effect.

Prism Effect Slider with HTML5 Canvas & JavaScript

Prism Effect Slider with HTML5 Canvas & JavaScript

Today we’d like to show you how to build a simple slider with an interesting “prism” effect. The idea is to place a shape in front of the slider and “reflect” the images of each slide, in order to create the illusion of a prism. We’ll be using the HTML5 canvas element and plain JavaScript.

jQMeter : jQuery Animated Horizontal or Vertical Progress Meter

jQMeter : jQuery Animated Horizontal or Vertical Progress Meter

jQMeter is a simple, light-weight jQuery plugin that allows you to display an animated horizontal or vertical progress meter. Just pass in the goal and amount raised or completed, and the rest is optional.

It has a simple design out-of-the-box, but this is on purpose so that you can customize the look to match your needs. You can pass several formatting options including width, height, background bar color, bar color, etc. You can also choose to display the percentage completed or not, as well as control the animation speed.

SVG Connectable.js : JavaScript library for connecting SVG

SVG Connectable.js : JavaScript library for connecting SVG

A JavaScript library for connecting SVG things.

jQuery Confirm Dialogs with Bootstrap

jQuery Confirm Dialogs with Bootstrap

Confirm dialogs for buttons and links using jQuery and Bootstrap.

fbPhotoStream : jQuery plugin to pull Facebook Photos

fbPhotoStream : jQuery plugin to pull Facebook Photos

fbPhotoStream is a simple, light-weight jQuery plugin that allows you to display Facebook photos from a public album. Just set the album id, and the rest is optional.

It has a a few design options like grid, collage, or circle mode, but you can customize the look to match your needs by adding your own CSS. You can pass several formatting options including width, height, etc., as well as setting whether you want to show captions or link back to Facebook

Animatrix Creative – Drawing SVG Animations Plugin

Animatrix Creative - Drawing SVG Animations Plugin

Animatrix Creative allows you to draw and animate SVG images.Professional SVG Image WYSIWYG Editor is included in this plugin, and can be accessed from the admin area. You can draw with the default Pencil tool or create shapes out of the rich Shapes library.

All SVG images are animated on the front-side, by mimicking the drawing process. You can also export and save the SVG image as well.