JavaScript posts

Infographic: AngularJS vs. React

Ever wondered who’d win in a face-off between AngularJS and React? Ever looked at a project spec and puzzled which way to go? Perhaps you’re planning to learn one or the other but aren’t sure which. Wonder no more, because we’ve put together this neat infographic to compare the major points of each language. Whether you’re concerned with speed, complexity, or how appropriate they are, you’ll find the answer in this quick reference. ...
read more

How to simplify SVG with Raphael

Bitmaps are by far the most commonly used image format on web pages. When the images we want to show are photos, that makes sense.  But when it comes to illustrations and GUI components, bitmaps are wasteful. Many designers actually do make extensive use of bitmap images directly in user interfaces. Personally I don’t feel this is a good approach, but the blame for it becoming habitual stems from the extensive use and recommendation of Photoshop for interface design. Vector graphics offer numerous...
read more

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...
read more

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”,...
read more

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...
read more

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...
read more

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...
read more

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...
read more
Load more