Unknown Kadath

Posts Tagged “CSS”

Another HTML Game Using Only Web Standards

Posted on November 5th, 2013 by James Litten

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 […]

An HTML Game Using Only Web Standards

Posted on October 18th, 2013 by James Litten

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 […]

CSS3 Series: Multiple Columns

Posted on August 21st, 2010 by James Litten

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 […]

Playing With CSS Transitions On Firefox 4 Beta 2

Posted on July 29th, 2010 by James Litten

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. […]

Using Multiple HTML5 Canvases as Layers

Posted on July 26th, 2010 by James Litten

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 […]

CSS 3.0 Series: The radial-gradient Object

Posted on July 14th, 2010 by James Litten

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 […]

CSS 3.0 Series: The border-radius Property

Posted on July 5th, 2010 by James Litten

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 […]