Category Archives: Java Script


May 30, 2016 5:54 am

How to show Image before upload JavaScript & HTML5 FileReader()


How to show Image before upload JavaScript & HTML5 FileReader()
Show image before upload is a requirement of every web application to give good user experience. We published a tutorial that dose't work in all browsers so, now I am going to give you this tutorial it will work on every browser which support HTML5  File API and JavaScript check compatibility of API here. I hope you like this tutorial as all other tutorials.

[ Read More ]


March 13, 2016 8:23 pm

5 open source javascript games


5 open source javascript games
JavaScript has been one of the most famous web client side languages for years. It's usually used for adding effect and animations to websites' interfaces but it can do more and even games. Today we have 5 open-source games that are posted in public repositories by their developers on GitHub.

[ Read More ]


February 29, 2016 11:22 am

Make 3d effects to your images with this awesome JavaScript plugin


Make 3d effects to your images with this awesome JavaScript plugin
While I was surfing the web to see what JS developers has in a store lately, I stumbled upon this great plugin which makes web images come alive.

[ Read More ]


February 15, 2016 12:33 pm

How to create a simple app with ReactJS


How to create a simple app with ReactJS
React (also known as React.js or ReactJS) is an open-source JavaScript library that helps with the view layer when working with HTML data. Thus, React is only concerned with the “V” in the MVC pattern.In this article, we will build a simple app which shows kitten gifs from an API and allows you to load a new gif whenever you click on a button. Furthermore, the total gifs that the users have seen will be stored permanently in their browser through Local Storage. In the meantime, we will show you how to create your view in React. For that purpose, we would need a class, a state, and the usage of JSX.

[ Read More ]


January 12, 2016 9:44 am

Getting a camera picture and saving it with PHP and Vanilla JavaScript 2/2


Getting a camera picture and saving it with PHP and Vanilla JavaScript 2/2

Finishing up the JavaScript

If the user has started the stream and wants to take a snapshot, we set the button to be disabled by adding to it a class of disabled (it is a Twitter Bootstrap class) and setting the recording variable to be equal to -1. As no action is intended to execute when recording is equal to -1, the user will not be able to add more pictures through the user interface.

[ Read More ]


January 11, 2016 12:58 pm

Getting a camera picture and saving it with PHP and Vanilla JavaScript 1/2


Getting a camera picture and saving it with PHP and Vanilla JavaScript 1/2
To show how to get a camera photo with the HTML5 User Media API and save it on our server we will build an app in which the users would be able to share their camera and take a snapshot. Upon doing this, the snapshot will be saved to the server and all user snapshots will be shown directly on the page.

[ Read More ]


January 5, 2016 9:18 am

Easily create stunning animated charts with Chart.js


Easily create stunning animated charts with Chart.js
Charts.js is a library for JavaScript which uses HTML5’s canvas to render various different beautiful charts for the web. You can download it from: http://www.chartjs.org and start using it immediately. All you have to do is add the Chart.js script to your document and you can take advantage of its functionality, documented at http://www.chartjs.org/docs/.

[ Read More ]