Tag Archives: HTML5

Local Storage for Offline Mode

I’ve been working on a project that consists of a simple web form that gets submitted to a database. The catch is that users will frequently be without internet access, so submitted data needs to be saved locally until a connection is available. HTML5 includes a feature which is great for this kind of thing: localStorage. It’s kind of like an HTTP cookie, but it offers us much more storage space, and it’s designed to be read client-side. It was pretty straightforward to use localStorage to get the functionality I wanted. Here is what I did.

Read More…

HTML5 Canvas


Sorry, it doesn’t look like your browser supports canvas!

Our group is constantly learning about and evaluating new technologies to use in our products. It’s important to be proactive in experimenting with these technologies so that we have them in our tool belt; if we aren’t aware of or don’t know enough about some emerging technology, we very well may miss an opportunity to use it.

HTML5 includes a lot of new features, and one of these is the <canvas> element. The basic idea is that an area of some fixed size is defined in a web page, then javascript is used to draw on, animate, and interact with that area. We haven’t had a chance to use canvas in any of our projects, but the box above is a very simple demo that was written to get familiar with this feature. If your browser supports canvas, you can click in the box to interact with it. For some (much) more complex demos, check out this list.