Category Archives: web development
On the Web, everything is dying…or it’s not
When I first entered the web development world, I began looking for something beyond HTML and CSS to work with, so I started to check out all the different programming languages out. I knew some PHP from school, but I’d … Continue reading
The less loops the better
If you’ve ever built a game, whether it’s a Flash game, a game for iOS or a game built using HTML5 canvas, you’ll know that the thing that makes the game run is loops. When I built my first Flash … Continue reading
A good example of me refining my code
If you’ve been following my blog then you’ve seen, and hopefully completed, my 6 part HTML5 game tutorial. I’ve been working on it on and off, turning it into a more complete game. At the same time, I’ve been really … Continue reading
I can’t think of a reason why 3000 lines of CSS would be better than 100 lines of JavaScript
Don’t get me wrong, I love CSS and I’m a huge fan of the potential of CSS animations but when I see something like this, I wonder if someone is missing the point. The fact that you could make a … Continue reading
How to use sprite sheets with HTML5 canvas
Sprite sheets have been a part of game development since the mid-70’s and there’s a reason they’re still being used today. It uses less memory and processor power because you can load all of a character’s positions and poses in … Continue reading
Seriously easy jQuery preloader
One of my latest projects is a site with a ton of images and the images have to all load before some JavaScript can run and the site becomes usable. Coming from Flash, my first thought was to use a … Continue reading
Build an infinitely scrolling slider with jQuery and images that have various widths
One of the reasons for jQuery’s popularity is you it made it so you didn’t need to use Flash for a simple thing like an image slider on your web site. And, if there’s one thing you don’t have to … Continue reading
Find the height and width of an image with jQuery in all browsers
Today I came across one those little problems that show up when you’re building things to work in every browser. One a web page, I needed to know the width of an image and I couldn’t hard code it because … Continue reading
Pause your HTML5 canvas game
A feature that I think most games need is for the player to be able to pause the game. And it’s surprisingly easy to do this with a game built using the canvas tag and JavaScript. If you’ve been following … Continue reading
An easy way to optimize the HTML5 canvas element’s clearRect function
One of the main challenges in working with HTML5’s canvas element is really optimizing it because you’re dealing with two unknowns, the processing power of the user’s computer and the speed of their browser’s JavaScript engine. You can never know … Continue reading