There’s the old fashioned way with images and basic CSS.
Then there’s the CSS3 way, which is not supported by IE as of yet. Since I don’t use IE on my own time I thought it’d be neat to test it out on this blog layout. As a friend said, if you’re going to do rounded corners, you better make them all rounded corners… So I’ve made the headers and footers rounded using the following:
Notice the Firefox and Safari specific properties.
Gapminder.org is how you use technology to educate. Fantastic use of Flash for data visualization.
Use these properties to get an element’s height and width. Useful for mouseovers. See reference for more info.
A good tester will inevitably break the design of a form-like display of information by providing the system with maximum string length values. While necessary, one should think that there should be a difference between a boundary case and an impossible case. Example: an address field that takes up to 100 characters. By all means, test the field input with 100 characters to make sure the system works, but do you really need to test it with 100 consecutive non-whitespace characters?? The system might not break, but the page layout surely will…
Even the aggregate knowledge of Stack Overflow isn’t that helpful, especially if I have to support *gasp* IE6.
Testing the CSS3
word-wrap: break-word in a div which is apparently only supported in IE7/8 and FF 3.5.
Nice, but now, a table cell? How ’bout if I put it in the stylesheet of my entire wordpress blog?
Guess not. :