20 Useful Javascript Library to Improve Your Applications

20 Useful Javascript Library to Improve Your Applications

Now a days, there are so many javascript framework library that help us developed interactive web applications without using any flash base program. (bye2 flash.. :) ).

With proper usage of library we can come up with a stunning web apps that we can share to our colleague, used it in a projects etc. Using this javascript library we are leveraging our application potential. All you have to do is to learn how to used it and thats it.

Take a look our 20 Useful Javascript Library to Improve Your Applications. Enjoy Guys.

Continue reading…

15 Stupefying Responsive Navigation Menu You Should Have

15 Stupefying Responsive Navigation Menu You Should Have

Navigation Menu is one of the element in web design, this is the collection of links that will help the user to navigate to your websites. This navigation sometimes in a horizontal or vertical line. I saw lots of different kinds of navigation menu from different websites and some of them is not responsive. What is responsive?, Responsive means reacting quickly and positively in any screen size you are viewing your websites.

Today we have 15 Stupefying Responsive Navigation Menu that you might want to use for your current or future websites. Like and Share Guys..

Continue reading…

WOW Slider – Slide And Glide with Responsive JQuery Slider

Slide And Glide with Responsive JQuery Slider

Today’s post is about Responsive Responsive JQuery Slider, I know you heard a lot of the word Responsive Website. Responsive means it can resize to any window your are using to view the website most of the time people used personal computer, smart phones, ipad etc.

Creating a website is not just a plain text and images it needs to be fancy and interactive for your target customer. To make it more interactive you need to have a Responsive JQuery Slider to showcase your portfolio or services.

If you don’t have any idea what Jquery Slider you want to used for your website here are the Slide And Glide Responsive JQuery Slider you shouldn’t miss out.

Continue reading…

Creating Contact Form Using FancyBox 2 With Ajax By IAPDesign.Com

Creating Contact Form using FancyBox 2 with Ajax by iAPDesign.com

Hi Guys, Today i will teach you on how to create a simple stylish contact form using FancyBox 2 with Ajax from fancyapps.com. I hope you learn from this post.

 

Fancybox? What was that?

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 at the top of the popular JavaScript framework jQuery and is both easy to implement and a snap to customize. excerpts from fancyapps.com

FINAL OUTPUT: Creating Contact Form using FancyBox 2 with Ajax by iAPDesign.com

Creating Contact Form Using FancyBox 2 With Ajax By IAPDesign.Com

Creating Contact Form Using FancyBox 2 With Ajax By IAPDesign.Com

Continue reading…

HTML5 & jQuery Progress bar plugin : Percentage Loader - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love



From our last post, we round-up 20 List of Smashing Photoshop Progressbar PSD Template For Free that you should check out if you didn’t see it. So for today’s post, we will list the best and functional progress bar that you can easily incorporate with your blogs or website. This loading / progress bar has different style among others. I know you should love this awesome round up. Check this cool 15 Groovy Loading And Progress Bar CSS3/JQuery Plugins You Should Love, Do you think you might need it? Then Grab It and Share It:)

[box type="note" align="aligncenter" width="600" ] [/box]

1). HTML5 & jQuery Progress bar plugin : Percentage Loader

A tiny jQuery plugin for displaying progress in a visual and engaging way.

HTML5 & jQuery Progress bar plugin : Percentage Loader - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

HTML5 & jQuery Progress bar plugin : Percentage Loader – 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

2). Sonic Progress Bar Plugins

Sonic is a tool that you can use to create spinny-loady-thingies on the fly. It’s best for shapes that loop.

Sonic Progress Bar Plugins - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

Sonic Progress Bar Plugins - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

3). CProgress Bar Plugins

jQuery circular progress bar.

CProgress Bar Plugins - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

CProgress Bar Plugins - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

4). Jquery Spin.js

An animated CSS3 loading spinner.

Jquery Spin.js - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

Jquery Spin.js - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

5). CSS3 Loading Animation Loop

Three CSS3 animation loop and can be used in preloader for images with jQuery.

CSS3 Loading Animation Loop - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

CSS3 Loading Animation Loop - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

6). The Facebook Loading Animation

Facebook loading animation using CSS3 animations.

The Facebook Loading Animation - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

The Facebook Loading Animation - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

7). Flickr Style Loading Animation Using JQuery

A Flickr like loading animation.

Flickr Style Loading Animation Using JQuery - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

Flickr Style Loading Animation Using JQuery - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

8). CSS3 Loading Spinners Without Images

Create animated image-less loading spinners such as used in a lot of webapps

CSS3 Loading Spinners Without Images - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

CSS3 Loading Spinners Without Images - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

9). Bouncy Animated Loading Animation

A loading animation fron Chris Coyier

Bouncy Animated Loading Animation - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

Bouncy Animated Loading Animation - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

10). QueryLoader2 Preloading

QueryLoader2 is simply scanning the given elements for images (and background images) and preloading them before the website is visible.

QueryLoader2 Preloading - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

QueryLoader2 Preloading - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

11). CSS3 And JQuery Progress Bar

A fancy progress bar using CSS3 and jQuery, but no Flash or even images.

CSS3 And JQuery Progress Bar - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

CSS3 And JQuery Progress Bar - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

12). jQuery High Quality Loader

Bestloader is a plugin for jQuery that lets you to have an high quality loader. This is possible because this isn t a gif image, but it s an animated png. Bestloader supports high resolution display, like retina display

jQuery High Quality Loader - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

jQuery High Quality Loader - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

13). Advanced Progress Loader

Advanced Progress Loader is fully customizable loader and supports all major browsers.You can easily change radius,thickness,size,speed etc.See the demo.

Advanced Progress Loader - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

Advanced Progress Loader - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

14). PageLoading jQuery Plugin

This jQuery plugin that will allow you to show a loading view during the loading of a web page.You will be able in a row and some parameters to customize the loading view. It s colors, loader icon, the background image of the loading view.

PageLoading   jQuery Plugin - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

PageLoading jQuery Plugin - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

15). Ajax Style Loading Animation in CSS3 ( no Images )

Tutorial for creating Ajax style Loading Animation using pure CSS3

Ajax Style Loading Animation in CSS3 ( no Images ) - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

Ajax Style Loading Animation in CSS3 ( no Images ) - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love

jMediaelement audio video player

25 Awesome HTML5 and JQuery Plugin Music Player



HTML5 and JQuery Plugins

Well, HTML5 is one of the most popular web html standard as of today and still under development to improve all the functionality,browser compatibility and better error handling etc. One of the new features of HTML5 that i want to use for my project is canvas element for rendering 2D drawing using javascript, others such as article,section,header,footer and many more.

[box type="note" align="aligncenter" width="600" ] [/box]

 

Html5 Logo from Wikipedia

 

 

According to Wikipedia:

HTML5 is a markup language for structuring and presenting content for the World Wide Web, and is a core technology of the Internet originally proposed by Opera Software. It is the fifth revision of the HTML standard (created in 1990 and standardized as HTML4 as of 1997) and, as of May 2012, is still under development. Its core aims have been to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently understood by computers and devices (web browsers, parsers, etc.). HTML5 is intended to subsume not only HTML 4, but XHTML 1 and DOM Level 2 HTML as well.

 

I hope you already have a little knowledge about the things that HTML5 and JQuery can do, So now I will share some of the awesome tutorial for creating an audio/music player using the new web standard HTML5 together with JQuery. Hope you enjoy this collections. SHARE IT GUYS.. :)

1). jMediaelement audio video player

An HTML5 audio / video development kit with Flash Fallback, which focuses on flexibility, intuitive DOM-API and semantic code.

jMediaelement audio video player

2). HTML5 Music Player

The matching jQuery plugin for music player psd created by Orman Clark.

25 Awesome HTML5 and JQuery Plugin Music Player

25 Awesome HTML5 and JQuery Plugin Music Player

3). Speakker

Crossbrowser Audio solution featuring HTML5.

25 Awesome HTML5 and JQuery Plugin Music Player

25 Awesome HTML5 and JQuery Plugin Music Player

4). mb.miniAudioPlayer

An HTML5 player for your music!

25 Awesome HTML5 and JQuery Plugin Music Player

25 Awesome HTML5 and JQuery Plugin Music Player

5). jPlayer

Is the completely free and open source (GPL/MIT) media library written in JavaScript. A jQuery plugin, jPlayer allows you to rapidly weave cross platform audio and video into your web pages.

25 Awesome HTML5 and JQuery Plugin Music Player

25 Awesome HTML5 and JQuery Plugin Music Player

6). HTML5 Audio Player Bookmarklet

Use it on any page which has links to downloadable audio files, for example, you can play music stored in your Dropbox.

25 Awesome HTML5 and JQuery Plugin Music Player

25 Awesome HTML5 and JQuery Plugin Music Player

7). Audio.js

Is a drop-in JavaScript library that allows HTML5’s audio tag to be used anywhere.

25 Awesome HTML5 and JQuery Plugin Music Player

25 Awesome HTML5 and JQuery Plugin Music Player

8). SoundManager 2

Makes it easier to play audio using JavaScript.

25 Awesome HTML5 and JQuery Plugin Music Player

25 Awesome HTML5 and JQuery Plugin Music Player

10). Malsup JQuery media plugin

The jQuery Media Plugin supports unobtrusive conversion of standard markup into rich media content. It can be used to embed virtually any media type, including Flash, Quicktime, Windows Media Player, Real Player, MP3, Silverlight, PDF and more, into a web page.

25 Awesome HTML5 and JQuery Plugin Music Player

25 Awesome HTML5 and JQuery Plugin Music Player

11). Create a cinema lighting experience with jQuery for your video player

I wanted to add a website dimming experience akin to video player features similar to those found on Hulu or on AdobeTV, where you can toggle the “lights” so to speak on your site. In my example I use some simple JQuery to append or remove a Div to the HTML DOM, and leverage some basic JQuery effects to fade in or fade out the Div. The darkened web site result is achieved by Div with a black background at 80% opacity that sits above all other web content on your page.

25 Awesome HTML5 and JQuery Plugin Music Player

25 Awesome HTML5 and JQuery Plugin Music Player

12). Javascript Html5 video player : Projekktor

Projekktor a HTML5 based video player written in Javascript. It solves cross browser and compatibility issues, adds eye candy and provides extremely powerful non standard features.

25 Awesome HTML5 and JQuery Plugin Music Player

25 Awesome HTML5 and JQuery Plugin Music Player

13). A jQuery Youtube Media Player Plugin

This jQuery plugin builds a interactive youtube media player, allowing the user to view multiple videos within multiple playlists. The player is built using jQuery and uses the Youtube Javascript API to send and capture player events.

25 Awesome HTML5 and JQuery Plugin Music Player

25 Awesome HTML5 and JQuery Plugin Music Player

14). Acorn Media Player

Acorn Media Player is a jQuery plugin implementing a custom HTML5.

25 Awesome HTML5 and JQuery Plugin Music Player

25 Awesome HTML5 and JQuery Plugin Music Player

15). jQuery Flowplayer

Flowplayer is an Open Source (GPL 3) video player for the web. Use it to embed video streams into your web pages. Built for site owners, developers, hobbyists, businesses, and serious programmers.

25 Awesome HTML5 and JQuery Plugin Music Player

25 Awesome HTML5 and JQuery Plugin Music Player

16). jQuer MP3 Player : jMp3

jMP3 (javaScript MP3 player) is an easy way make any MP3 playable directly on most any web site (to those with Flash & javaScript enabled).Using the sleek Flash Single MP3 Player & the fantabulous jQuery. Like the title said it is only support mp3 file format.

25 Awesome HTML5 and JQuery Plugin Music Player

25 Awesome HTML5 and JQuery Plugin Music Player

17). Java Script and HTML5 player : Video JS

Actually Video JS does not require JQuery to start with, but the author provide us the videojs jquery plugins, so it easier for us who already familiar working with JQuery.

25 Awesome HTML5 and JQuery Plugin Music Player

25 Awesome HTML5 and JQuery Plugin Music Player

18). jQuery Video Lightbox

25 Awesome HTML5 and JQuery Plugin Music Player

25 Awesome HTML5 and JQuery Plugin Music Player

19). IWishQuery : jQuery HTML5 audio Player

A jQuery plugin to autoplay “I Wish” by Skee-Lo for.

25 Awesome HTML5 and JQuery Plugin Music Player

25 Awesome HTML5 and JQuery Plugin Music Player

20). Open Source HTML5 Audio Player: Boombox.js

HTML5 introduces the audio element which offers a way to play audio natively in the browser. However the native controls are a little lacking in style. Thankfully HTML5 also brings Media Element API to interact with which allows us to skin an Audio object however we want.

25 Awesome HTML5 and JQuery Plugin Music Player

25 Awesome HTML5 and JQuery Plugin Music Player

21). Music Player In jQuery

In this tutorial you create an amazing music player coded in xHTML and jQuery that made use of mouse gestures and hotkeys. You can click and drag with mouse to interact with interface’s music player or use directional keys and spacebar instead of mouse.

25 Awesome HTML5 and JQuery Plugin Music Player

25 Awesome HTML5 and JQuery Plugin Music Player

22). HTML5 Video – Kaltura JavaScript HTML5 Media Library

Kaltura, an advanced video publishing platform, is sharing a free and open source HTML5 Video & Media JavaScript Library.

25 Awesome HTML5 and JQuery Plugin Music Player

25 Awesome HTML5 and JQuery Plugin Music Player

23). TubePlayer: jQuery Plugin For YouTube Player API

TubePlayer is a jQuery plugin that implements YouTube Player API , and allows you to create your own controls and components for YouTube movies. In addition to jQuery, it also requires SWFObject for cross browser support.

25 Awesome HTML5 and JQuery Plugin Music Player

25 Awesome HTML5 and JQuery Plugin Music Player

24). jQuery UI video widget

The jQuery UI Video widget enhances your HTML5.

25 Awesome HTML5 and JQuery Plugin Music Player

25 Awesome HTML5 and JQuery Plugin Music Player

25). FancyPlayer – jQuery Fancybox and Flowplayer Integration Tutorial

25 Awesome HTML5 and JQuery Plugin Music Player

25 Awesome HTML5 and JQuery Plugin Music Player

25 Fresh JQuery Plugin for your websites this 2011

25 Fresh JQuery Plugin for your websites this 2011



JQuery is the most popular javascript library that most of the web developer used because you can create a stunning functions and addons in your webpages using this jquery by just a piece of code. JQuery also is not too heavy for your websites, you just need to upload your .js file in your server and your ready to fire! :).

Today i collect the 25 Fresh JQuery Plugin for your websites this 2011 to help you optimizing,create stunning effects,slider and lots of more. If you like my post share it to your friends maybe they needed it so bad. Goodluck Guys!

1).Merging Image Boxes with jQuery

25 Fresh JQuery Plugin for your websites this 2011

25 Fresh JQuery Plugin for your websites this 2011

2).Moleskine Notebook with jQuery Booklet

25 Fresh JQuery Plugin for your websites this 2011

25 Fresh JQuery Plugin for your websites this 2011

3).jQuery Confirm Dialog Replacement

25 Fresh JQuery Plugin for your websites this 2011

25 Fresh JQuery Plugin for your websites this 2011

4).Galleriffic

25 Fresh JQuery Plugin for your websites this 2011

25 Fresh JQuery Plugin for your websites this 2011

5).IMGr-jQuery Plugin for Rounding Image Corners

25 Fresh JQuery Plugin for your websites this 2011

25 Fresh JQuery Plugin for your websites this 2011

6).Creating a Slick Auto-Playing Featured Content Slider

25 Fresh JQuery Plugin for your websites this 2011

25 Fresh JQuery Plugin for your websites this 2011

7).jQuery Miniature

25 Fresh JQuery Plugin for your websites this 2011

25 Fresh JQuery Plugin for your websites this 2011

8).Bubbleriffic Image Gallery with jQuery

25 Fresh JQuery Plugin for your websites this 2011

25 Fresh JQuery Plugin for your websites this 2011

9).SlideNote- A jQuery Plugin For Sliding Notifications

25 Fresh JQuery Plugin for your websites this 2011

25 Fresh JQuery Plugin for your websites this 2011

10).Coin Slider-Image Slider with Unique Effects

25 Fresh JQuery Plugin for your websites this 2011

25 Fresh JQuery Plugin for your websites this 2011

11).jQuery Slidy – A Transition Plugin

25 Fresh JQuery Plugin for your websites this 2011

25 Fresh JQuery Plugin for your websites this 2011

12).Gradienter- Add gradient to elements

25 Fresh JQuery Plugin for your websites this 2011

25 Fresh JQuery Plugin for your websites this 2011

13).Booklet jQuery Plugin-Flipbook Layout

25 Fresh JQuery Plugin for your websites this 2011

25 Fresh JQuery Plugin for your websites this 2011

14).Flyout Ribbon using jQuery and CSS3

25 Fresh JQuery Plugin for your websites this 2011

25 Fresh JQuery Plugin for your websites this 2011

15).SciAnimator-Scientific Image Animator

25 Fresh JQuery Plugin for your websites this 2011

25 Fresh JQuery Plugin for your websites this 2011

16).Exposure jQuery Plugin

25 Fresh JQuery Plugin for your websites this 2011

25 Fresh JQuery Plugin for your websites this 2011

17).MessageBar

25 Fresh JQuery Plugin for your websites this 2011

25 Fresh JQuery Plugin for your websites this 2011

18).MobilyBlocks

25 Fresh JQuery Plugin for your websites this 2011

25 Fresh JQuery Plugin for your websites this 2011

19).MobilyNotes

25 Fresh JQuery Plugin for your websites this 2011

25 Fresh JQuery Plugin for your websites this 2011

20).Thumbnail Gallery

25 Fresh JQuery Plugin for your websites this 2011

25 Fresh JQuery Plugin for your websites this 2011

21).Elegant Lightbox Gallery

25 Fresh JQuery Plugin for your websites this 2011

25 Fresh JQuery Plugin for your websites this 2011

22).Building a jQuery Image Scroller

25 Fresh JQuery Plugin for your websites this 2011

25 Fresh JQuery Plugin for your websites this 2011

23).Apple-like Slideshow Gallery

25 Fresh JQuery Plugin for your websites this 2011

25 Fresh JQuery Plugin for your websites this 2011

24).JQZoom

25 Fresh JQuery Plugin for your websites this 2011

25 Fresh JQuery Plugin for your websites this 2011

25).Fancy Thumbnail Hover Effect w/ jQuery

25 Fresh JQuery Plugin for your websites this 2011

25 Fresh JQuery Plugin for your websites this 2011