LESS.js Jump Start PRO
The LESS.js JavaScript library allows us to extend our CSS with dynamic behavior such as variables, mixins, operations and functions. The following code sample shows how simple it is to create new variables assigned with values so that we could reuse them in our code. The following is the LESS code. @myblue: #4C65BC; .stuff {color:@myblue} The […]
Video Capturing in HTML5 PRO
HTML5 allows us to capture the video and the audio stream coming from the device camera and microphone. The following code sample shows how simple it is to do it. <!DOCTYPE html> <html> <head> <title>sample for video capturing using html5</title> </head> <body> <video autoplay width=”480″ height=”360″></video> <input type=”button” id=”stopbt” value=”stop”/> <script type=”text/javascript”> window.URL = window.URL […]
Lambda Expressions in JavaScript PRO
The Harmony (EcmaScript 6) proposal includes the specification for arrow functions, AKA lambda expressions. Given this technology early stage you should check in advance whether the web browser you target supports it. The following code sample includes the definition for few arrow functions (lambda expressions). <!DOCTYPE html> <html> <head> <title>simple lambda expressions in javascript</title> </head> <body> […]
Google Charts Jump Start PRO
The Google Charts JavaScript library provides us with the capability to create various types of charts. The Google Charts library is available online hosted on Google servers. The following code sample shows how we can create a simple pie chart using the Google Charts JavaScript library. <html> <head> <script type=”text/javascript” src=”https://www.google.com/jsapi”></script> <script type=”text/javascript”> google.load(“visualization”, “1”, […]
UAParser.js Jump Start PRO
There are many cases in which we need to get exact information about the client on which the code we wrote in JavaScript is running. Getting the information we need out of the user-agent is not straight forward. Using the UAParser.js lightweight JavaScript library it becomes much simpler. The following demo shows how simple it […]
Microtext.js Jump Start PRO
The Microtext.js open source JavaScript library provides us with useful functions for working with texts. Using this library is fairly simple. It doesn’t require any other library. The following code sample shows how simple it is to use the functions this library provides us with. <!DOCTYPE html> <html> <head> <title>microtext.js demo</title> <script type=”text/javascript” src=”microtext.min.js”></script> </head> […]
Using Apache DB as In-Memory Database PRO
If you are already familiar with using the Apache DB I believe you will find it very simple to start using it as an in-memory database. You just need to change connection string you are using. Using Apache DB as an internal database running together with our application in the same process you just need […]
Open Source In-Memory Databases INFO
Using an in-memory database we get most of the data saved on the main memory instead of having it saved using the hard disk storage mechanism. The main advantage of using an in memory database is the excellent performance we can achieve. There are many in-memory databases we can use. Some of them are available […]
Parsing JSON in JavaScript PRO
There are many cases in which we need to parse JSON data our code receives. When writing our code in JavaScript parsing the JSON data is fairly simple. We just need to invoke the parse() function on the JSON object, as in the following code sample. The JSON object is available in most modern web […]
Collie.js Jump Start PRO
The Collie.js JavaScript library allows us to create simple 2D graphics animations. The Collie.js library indirectly uses HTML5 canvas based graphics capabilities. The following code sample shows how simple it is to use this library. The animation uses a simple image file. <!DOCTYPE html> <html> <head> <title>collie.js demo</title> <script type=”text/javascript” src=”http://jindo.dev.naver.com/collie/deploy/collie.min.js”></script> </head> <body> <div id=”drawingarea”></div> […]