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 […]

HTML5 Cross Platform Mobile Applications December 2013 INFO

On Tuesday December 30th I will start to deliver a professional course for learning how to develop the front end using HTML5, JavaScript and other related technologies. The course includes 140 academic hours, it takes place in HIT and its cost is 5800 shekels. You can find detailed information about this course at http://hit.lifemichael.com/landing/page/production/index.html. You […]

Autumn 2013 Free Lectures in HIT INFO

On wednesday october 9th I am going to deliver 4 short lectures (40min each) in HIT: JavaScript Jump Start (1800-1840), PHP Jump Start (1900-1940), HTML5 Jump Start (2000-2040) and Dart Jump Start (2100-2140). Attending the lectures is free. You just need to reserve your seat in advance. the lectures will be delivered in hebrew. The […]

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> […]

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> […]

Hammer.js Jump Start PRO

The Hammer.js JavaScript library allows us to handle gesture touch events that take place when running our code on a touch screen device. The following code sample shows how simple it is to use this library. You just need to pass over the name of the gesture touch event you want to handle and the […]

Swipe.js Jump Start PRO

Swipe.js is one of the most popular JavaScript libraries that allow us to get a responsive slider in our web page. The following code sample shows how simple it is to use this JavaScript library. It includes 4 images that were prepared in advance. <!DOCTYPE html> <html> <head> <title>swipe.js demo</title> <script type=”text/javascript” src=”swipe.js”></script> <style> .swipe […]

Update cookies preferences