Articles > JavaScript

How to develop web games with EaselJS

The arrival of HTML5 has opened up a world of exciting possibilities for us as developers. The idea that you can quickly develop very high quality 2D and 3D games that run directly in the browser using simple JavaScript commands and without having to make use of any proprietary components to make it work could probably inspired you to finally get around to attempting that game idea you’ve been nurturing for years. Then when you actually go to do it and you see just how many new things you will have to...

How to chart your hours with APIs, JavaScript, and SVG

I log every minute I spend at a computer. Ever since I became a full-time freelancer, I’ve been tracking my time, assigning each moment of my day to a project and a sub-task. It all started from a desire to make the best possible return on my time. As a freelancer who charged hourly, each and every minute had a monetary value. I’ve since relaxed my approach, but some positive aspects of time-watching have stuck with me. The over-used Drucker quote goes something like “What’s measured improves”,...

How to build a weather app with HTML5’s Geolocation API

The most amazing part of all the technologies that came with HTML5 is how easily they can be used to create little apps that make our lives a lot easier. It’s surprisingly simple to combine them to create something practical and simple. Today we will be using geolocation and the Weather Underground API to create a simple Weather App that will determine where you are and tell you the current weather for your location. To work with the Weather Underground API you will need an API key but don’t worry...

An Introduction to Facebook’s React JavaScript library

Nowadays, most of us use JavaScript frameworks. That’s because they allow you to abstract the DOM and avoid dealing with HTML. These frameworks are always cropping up, some good, some bad. One of the better is React, which has been put together by the team at Facebook. React is a library for building user interfaces that uses JSX, an XML-based template language that compiles to JavaScript and in essence creates a virtual DOM for you. Using React ... To get started head over to the website and download...

10 essential JavaScript resources for HTML5

You have to love the developer network. Whilst HTML5 remains a relatively new standard, there are plenty of open source and paid for resources available to help you work with HTML5 using JavaScript. JavaScript is necessary for many HTML5 elements such as <canvas>, <audio> and WebGL. However, as I said, there are tools, libraries and framework resources to help you, so let’s get started looking at some of them. 1) HTML5 Boilerplate ... It’s likely that if you’re already working...

How to use the Network Information API

All the websites we build should be responsive; not just to browser speed, but to network condition. In this article I'll introduce the Network Information API, that helps us detect a device’s current bandwidth and allows us to modify our site if the speed is slower than we need. Browser support ... We usually can’t expect support for experimental APIs and in this case, the only two browsers that support it are Firefox and Chrome. In both cases, you need browser prefixes. How to use the Network Information...

How to use the Device Orientation API

Today we have mobile devices that come equipped with everything from cameras to geolocation, and we have little computers in our hands that can do pretty much anything we do with our desktop. One of the key APIs that functions with mobile devices is the Device Orientation API. The Device Orientation API helps us as developers detect the orientation of the user's screen and make the necessary changes to our layout. For example, on YouTube, if you are watching a video and you tilt your phone, the video goes...

How to use the Battery API

The more demanding our web apps become, the more power we draw from devices. On desktop, where we can be sure that the device is plugged into the mains, that's not a problem, but on a mobile device we need to know what the battery is doing and respond accordingly. Browser support ... At the time of writing the Battery API is only supported by Firefox (mobile and desktop). However, it doesn't require a vendor prefix to be supported. The reason I mention desktop is because this API can also be used with any laptop...
Load more
Home CSS Deals HTML HTML5 Java JavaScript jQuery Miscellaneous Mobile MySQL News PHP Resources Security Snippet Tools Tutorial Web Development Web Services WordPress