OpenLayers Dynamic Maps PRO
The OpenLayers open source project allows us to add dynamic maps into our web pages. Using this library we can avoid the use of Google Maps. The following code sample shows how simple it is to use OpenLayers together with data retrieved from openstreetmap.org. <!DOCTYPE html> <html lang=”en”> <head> <title>openlayers simple demo</title> <link rel=”stylesheet” href=”http://cdnjs.cloudflare.com/ajax/libs/openlayers/2.12/theme/default/style.css” […]
Goldman Sachs Collections PRO
The Goldman Sachs Collections framework (AKA GS Collections) provides us with an alternative implementation for the JDK collections framework. GS Collections provides us with capabilities similar to those we find in programming languages such as Scala, C# and Samlltalk. Using this framework together with lambda expressions allows us writing significantly shorter code. The following code […]
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 […]
Play Framework Jump Start in Scala PRO
I have recently started to work on a new course for learning how to use the Play Framework. Its community version is already available for free personal usage at http://abelski.lifemichael.com. So far I have completed the first two topics: Introduction and Jump Start. I believe that if you consider learning this framework then you might […]
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> […]