Another HTML Game Using Only Web Standards

Another HTML Game Using Only Web Standards CLICK HERE TO PLAY THE GAME Due to the interest in the previous post, I have created yet another slightly more complex game using only standard HTML, CSS and Javascript. There is a single CSS 3.0 3D transform to give a sense of perspective to the DIV containing […]

Continue reading

CSS3 Series: Multiple Columns

Even though this wonderful feature has been around for five years, it has yet to be implemented consistently across the major browsers. Hopefully, this will change soon. If you know a reason why this is so, please leave a comment. Thanks. The specification for CSS Multi-column Layout has 10 properties for CSS Multiple Columns. They […]

Continue reading

Playing With CSS Transitions On Firefox 4 Beta 2

I saw the recent announcement by Paul Rouget that Firefox 4 beta 2 has support for CSS transitions and I thought it would be fun to play with it. Here is a demo with complete source code where I chained together a bunch of CSS transitions using the transitionend event to trigger the transitions sequentially. […]

Continue reading

Using Multiple HTML5 Canvases as Layers

DEMO Here’s our finished canvas with full source code. The reasons why you would want to layer multiple canvases on top of each other are many but they all have a common root. There is a requirement in the W3C definition of the 2d context… There is only one CanvasRenderingContext2D object per canvas, so calling […]

Continue reading

CSS 3.0 Series: The radial-gradient Object

Radial gradiants are on the cutting edge of CSS . We’re going to be looking at some examples of their use and their current capabilities. In the previous post in this series we looked at linear gradients. The WebKit implementation of the radial gradient is just an extension of their linear gradient function while Mozilla […]

Continue reading

CSS 3.0 Series: The border-radius Property

The border-radius Properties The border-radius CSS properties can be used to give borders rounded corners. The radius applies also to the background even if the element has no border. We’ll be working with code for three different implementations of the border-radius properties. Soon all browsers will use the W3C recommended format but for now they […]

Continue reading