Category Archives: Web Development

HTML5 Games: Fixing Our Demo

In my HTML5 Games: Optimizing Your Game Loop I created a demo app in order to show you some techniques for optimizing a game loop. In that post we covered the demo creation, along with some browser tools, and narrowed … Continue reading

Posted in Content Highlights and Reviews, Web Development | Tagged , , , , , | Leave a comment

HTML5 Games: Optimizing Your Game Loop

This post will give you some techniques for optimizing your game loop using browser profiling tools, thus improving the performance of your game. The various profiling tools available for the most popular browsers will be discussed, along with a description … Continue reading

Posted in Content Highlights and Reviews, Web Development | Tagged , , , , , , | 1 Comment

HTML5 Canvas Games: Tracking Transformation Matrices

In my CSS Tricks for HTML5 Canvas Games post, I covered techniqes such as upscaling, anti-aliasing, and the use of 3D. In this post we will build a library for trackig transformation matrices, which can save you a lot of … Continue reading

Posted in Content Highlights and Reviews, Web Development | Tagged , , , | Leave a comment

CSS Tricks for HTML5 Canvas Games

HTML5’s canvas is a very powerful rendering tool, but at its heart, it is still just another block-level DOM element as far as the web browser’s layout engine is concerned. Although the <canvas> tag accepts a grand total of two … Continue reading

Posted in Content Highlights and Reviews, Web Development | Tagged , , , , | 1 Comment

Android Meets Ruby: Using Ruboto UI

Ruboto, the project that has brought jruby scripting to Android devices, continues to improve, and has made it easier to concisely define new user interfaces for your scripted Android apps. The traditional method of writing UIs within the script has … Continue reading

Posted in Content Highlights and Reviews, Web Development | Tagged , , , | 2 Comments

SVG Tip: Introduction to Raphaël.js

In my Using HTML5 Canvas vs. SVG blog post, I touched on the benefits of using the Raphaël.js JavaScript library, and in this tip we will take a deeper look. Raphaël.js is a JavaScript library for creating SVG graphics. Before … Continue reading

Posted in Content Highlights and Reviews, Web Development | Tagged , , , , | Leave a comment

Mapping Mouse Events and Touch Events Onto a Single Event

Whenever I develop a web application that targets mobile browsers as much as desktop browsers I find myself confronted with the problem that I have to listen to touch events in the same way I have to listen to click … Continue reading

Posted in Content Highlights and Reviews, Mobile Development, Web Development | Tagged , , , , , | 1 Comment

Using HTML5 Canvas vs. SVG

In this post, I will discuss some of the key features of SVG (Scalable Vector Graphics) and HTML5-Canvas based graphics. Let’s start off by explaining the basic differences between these two technologies! Canvas Thanks to the current hype for HTML5, … Continue reading

Posted in Content Highlights and Reviews, Web Development | Tagged , , , , , | 1 Comment

Node.js Tip: Why Does Node Hate My Object?

Continuing the theme from a previous post, titled My First Time With Node.js, let’s suppose you’ve written a class that you want to test as part of a continuous integration build process using Node.js. How would you go about getting … Continue reading

Posted in Content Highlights and Reviews, Web Development | Tagged , , | Leave a comment

Node.js Tip: Why Isn’t this Module Loading?

In My First Time With Node.js article I wrote an application using Node.js. Follow along if you’ve ever had troubles loading modules in Node.js. If you’ve played with modules a little, you may have tried your hand at writing your … Continue reading

Posted in Content Highlights and Reviews, Web Development | Tagged , , | Leave a comment