WebKit in January 2011 released new gradient syntax that is closer to w3c recommendation and Mozilla implementation.
The new syntax has four gradient functions:
On this post I am exploring radial implementation, radial-gradient() and repeating-radial-gradient(). Notice that there is also linear gradient which is most likely be used more often than the radial.
Using CSS gradients in a background lets you display smooth transitions between two or more specified colors; this lets you avoid using images for these effects, thereby reducing download time and bandwidth usage. In addition, because the gradient is generated by the browser, objects with gradients look better when zoomed, and you can adjust your layout much more flexibly.
A gradient specified using circles is called a radial gradient. You specify a radial gradient by setting the type to radial and specifying a start inner circle and end outer circle. Each circle is specified by a center and a radius. The color values change gradually from the circumference of the inner circle outward to the circumference of the outer circle.
Polls or graphs are usually images generated from desktop software or web scripts perhaps sometimes flash+xml, and when it comes to web it is too much resource consuming to generate image on the fly.
Since we don’t have CANVAS or SVG yet on wide use there is a CSS trick.
The idea of using CSS to generate Bar Graphs could be very interesting in this case, and Apples to Oranges have a pretty interesting article describing in details how to create Bar Graphs with CSS.
Probably every single web designer have had to explain to their clients why in webpage they cant use font what is in their design guideline. I found this nice little hack that allows you to go around with this by replacing text with small flash movie. With sIFR you get nice anti-aliased headers or navigation elements to your page.
Check out sample and article about it.
Even that IE has terrible CSS support it still have one nice little hack to help develop CSS’s and other stuff too.