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 readingTag: CSS
An HTML Game Using Only Web Standards
An HTML Game Using Only Web Standards CLICK HERE TO PLAY THE GAME Modern web browsers are fast and ubiquitous. As such, they have had to embrace standards that make web sites look and perform identically on all of them. It is a web developer’s dream come true, though we still find plenty to complain […]
Continue readingCSS3 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 readingPlaying 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 readingUsing 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 readingCSS 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 readingCSS 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