Tag Archives: HTML5

Make an HTML5 drag and drop project list with autosave – Part 2

In the first part, I showed you how to set up our drag and drop list using HTML5’s built in drag and drop as well as add new projects to our list. Everything works great except it’s not really useful … Continue reading

Posted in web development | Tagged , , | 1 Comment

Make an HTML5 drag and drop project list with autosave – Part 1

One of the great things about where the web is going is that a lot of the functionality that we’ve had to create with JavaScript and plugins is now being built into the browser. One that’s pretty useful is drag … Continue reading

Posted in web development | Tagged , | 1 Comment

Add a jQuery fallback to browsers that don’t support the input required attribute

One of the things that I really like that HTML5 has introduced is the required attribute for the input tag. The functionality isn’t as far along as I’d like, it would be cool if the browser would check for an … Continue reading

Posted in web development | Tagged , | Leave a comment

Prerender text for HTML5 canvas to speed up your code

If you’ve looked at HTML5’s canvas tag at all, then you’ve probably heard people mention prerendering elements on another canvas to speed up your code. The main reason to do this is the eliminate the need to draw the same … Continue reading

Posted in web development | Tagged , , | Leave a comment

Build an HTML5 Video Preloader

In my previous post about checking when an HTML5 video has loaded, I made the comment at the end that you could use the code to build your own preloader. Afterwards, I got a couple of emails asking me how … Continue reading

Posted in web development | Tagged , , | Leave a comment

Update content with contenteditable and jQuery

Recently, I built a site for a client where they wanted to have the ability to make edits to some of the content on the site. Since I wasn’t using full blown content management system for it, they could just … Continue reading

Posted in web development | Tagged , | 2 Comments

Quick overview of using addEventListener in HTML5 games

Coming from ActionScript, there are a few things that I forget people who are learning JavaScript who have programming backgrounds with languages like PHP or even straight up HTML/CSS might not be familiar with some of the functions or methods … Continue reading

Posted in web development | Tagged , , | Leave a comment

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

Posted in web development | Tagged , , , | Leave a comment

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

Posted in web development | Tagged , , | 4 Comments

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

Posted in web development | Tagged , , | Leave a comment