Math.js Jump Start PRO
Math.js is a lightweight open source JavaScript library that provides us with an extensive collection of mathematical useful functions. You can easily download the Math.js library code browsing in GitHub at https://github.com/josdejong/mathjs. The following code sample shows how simple it is to use this library. <!DOCTYPE html> <html> <head> <title>math.js demo</title> <script type=”text/javascript” src=”math.min.js”></script> </head> […]
String.js Jump Start PRO
String.js is a lightweight open source JavaScript library that provides us with useful functions for working with strings. You can easily download the String.js library code browsing in GitHub at https://github.com/jprichardson/string.js. The string.js library adds the S property to the window global object. The following code sample shows how simple it is to use this […]
Google Web Font Loader Jump Start PRO
Google Web Fonts Loader is a JavaScript library developed by Google that allows you to dynamically load any of the free web fonts developed by Google. Using the Google Web Fonts Loader library we can use multiple different web font providers. The documentation and source code of the Web Font Loader JavaScript library is available as […]
Turn.js Digital Publishing PRO
Turn.js is a JavaScript library that allows us to create digital books the user can flip through their pages. Although the library is available as an open source project on GitHub there are some restrictions on using it. Make sure you check the license terms before you choose to use it. The following code sample […]
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> […]
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 […]
The Decorator Design Pattern in JavaScript PRO
The decorator design pattern was created in order to allow us adding new functionality to an already existing class without extending it. The decorator design pattern was created for those cases in which we cannot extend the class. The following code sample shows a simple demo for implementing the decorator design pattern in JavaScript. <!DOCTYPE […]