I'm experimenting with a new speed test feature in Fasterfox. Here's a sneak preview of Fasterfox 2.0.1 which includes this new feature:
Fasterfox 2.0.1
To use: right click the Fasterfox icon and select "Speed Test." The speed test allows you to measure the mean/median load time for a specified number of loads of a given web page. This is very useful for those wanting to test the rendering speed of their webpage.
Sunday, December 17, 2006
Saturday, December 16, 2006
CSS Shorthand Colors
I have seen plenty of articles on CSS shorthand (tips for conserving bytes in your CSS syntax), but I have never seen one that mentions when to use color names over their hexidecimal codes.
There are 16 colors names which are supported by all major browsers:
While there is a longer list of color names which are supported by some browsers, the 16 above are the only ones which can safely be assumed to be properly supported by all browsers. Its trivial to see that for 9 of the 16 colors it is shorter to use the color name, while in the other 7, its better to use the hex value.
Here are the color names you should remember and use over their hex values:
There are 16 colors names which are supported by all major browsers:
- white: #fff
- yellow: #ff0
- red: #ff0
- fuscia: #f0f
- silver: #c0c0c0
- gray: #808080
- olive: #808000
- purple: #800080
- maroon: #800000
- aqua: #f00
- lime: #0f0
- teal: #008080
- green: #008000
- blue: #00f
- navy: #000080
- black: #000
While there is a longer list of color names which are supported by some browsers, the 16 above are the only ones which can safely be assumed to be properly supported by all browsers. Its trivial to see that for 9 of the 16 colors it is shorter to use the color name, while in the other 7, its better to use the hex value.
Here are the color names you should remember and use over their hex values:
- red
- silver
- gray
- olive
- purple
- maroon
- teal
- green
- navy
Subscribe to:
Posts (Atom)