sa c'est pas an image...

Hi all,

Some time back I wondered if there was a possibility of getting rid of ALL images in a web page. My previous post on CSS-Based sparklines I used position and color to set the lines in a graphic. So I decided to use the same technique to generate a pixel resolution image. I was a little naive because the output generated is actually very large for images of a pixel resolution ;-). Thus, no real application for it!

In any case, the left image is a "real" image and the right one is something else... see the source code to believe...

The shown image is the terminate bush tag from flikr by "Jennifer H".

The PHP code used for generating this aparently USLESS image is here.

I believe this technique could be used for generating small symbols in a graph which will be isolated within a <div> tag and position somewhere in the canvas of the graph using the z-index property... maybe... more to follow.


Good night,


m

Technorati Tags: css, display, visual