Thursday, October 24, 2013

comment_icon 0 Speech Recognition in Browser : annyang! JavaScript Library

I guess you all are surprised just as me, when i saw this super cool stuff. just imagine the site you use most i.e. Facebook with Speech Recognition. you just say reply and message sent or just say to like or share a post and its get done.I am not going to say much you should have a look at this stuff otherwise you won't gonna believe me so click Here for demo . Note : use chrome browser.

Setup Speech Recognition for your web Application

you just need to add few lines of code .so its quite easy i say.

Sample Code

<script src="//cdnjs.cloudflare.com/ajax/libs/annyang/0.2.0/annyang.min.js">
</script>
<script>
if (annyang) {
  /* Let's define our first command. First the text we expect, and then 
the function it should call */
  var commands = {
    'show tps report': function() {
      $('#tpsreport').animate({bottom: '-100px'});
    }
  };

  // Initialize annyang with our commands
  annyang.init(commands);

 /* Start listening. You can call this here, or attach this call to an
 event, button, etc. */
  annyang.start();
}
</script>

Sample Commands

Here are some sample commands that you might wanna try to get started
Say "Show me cute kittens!"
Say "Show me Arches National Park!"
Now go wild. Say "Show me…" and make your demands!

I hope you liked this JavaScript and Try to Implement this. please Don't forget to share because its cool :)

Wednesday, October 23, 2013

comment_icon 0 JavaScript Libarary - Chosen

Its 3rd in the series and 3rd day of the week so i decide to go with Chosen .its an open source project by harvest .This tiny library makes your Select box quite beautiful and user friendly.

As i always say start with a quick demo.this time its just a snapshot but you can see difference very clearly.
chosen js -onl9class
chosen js -onl9class

Chosen js - Available Features

  • Standard Select 
  • Multiple Select
  • <optgroup> Support : Single/Multiple select with group
  • Default Selected and Disabled Support
  • Hide Search on Single Select:if no of option are less than threshold value search option will be disabled
  • Default Text Support
  • No Results Text Support: text which is shown where no result available on search
  • Limit Selected Options in Multiselect

Chosen js- Available Methods/Events

  • on Form Field Change
  • Updating Chosen Dynamically
  • Custom Width Support

Documentation

for Documentation you can refer these two links chosen and chosen options

Download

you can download this library from here

Tuesday, October 22, 2013

comment_icon 0 JavaScript Libarary - Accounting JS

Its Tuesday and today we are gonna talk about Another JavaScript library which is quite different from others its "Accounting.js". Accounting JS is a tiny library created by Joss which can be used to format the number,money and currency .

I like to Start by showing a Demo so lets have a look below.

I hope you like the demo and wanna try it in your projects so lets move on and see what are the features of this JavaScript Library.

Available Mathods

  • formatMoney() - format any number into currency
  • formatColumn() - format a list of values for column-display
  • formatNumber() - format a number with custom precision and localisation
  • toFixed() - better rounding for floating point numbers
  • unformat() - get a value from any formatted number/currency string

Sample Code

       
<script type="text/javascript">
	// You can do this now:
	accounting.formatMoney(5318008);
</script>

Documentation

you can find the Documentation here

Thanks for giving your valuable time,Don't forget to comment or share so other can get in touch with this.Have a nice day :) 

Saturday, October 19, 2013

comment_icon 0 JavaScript Libarary - Sketch JS

Today i am Starting a new season on this blog. Here we will be talking on Different JavaScript Libraries and we will see some amazing examples of them.

1st in the series is sketch.js i choose to start with sketch because wanted to start with something creative with fun.

Sketch Js is very to to use java script framework that allows your users to gain the power of your and their imagination .  See the Example below you gonna love sketch js the next moment. just move your mouse in that.

Start with the : Demo

How to Use Sketch Js

its very Easy to use sketch.js just grab the latest version of  sketch.js (or minified) from GitHub and add it in your webpage just after jQuery.

How TO ?

here comes the challenge but don't worry you will get complete Documentation so just have some fun with that.

How Compatible it is ?

It is compatible with the all major browsers.