Monthly Archives: February 2010

Techniques for rounded corners

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:

#footer{
  background:#ddd;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  -webkit-border-bottom-left-radius:15px;
  -webkit-border-bottom-left-radius:15px;
}

Notice the Firefox and Safari specific properties.

Wrapping text with no whitespace?

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.

1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890

Nice, but now, a table cell? How ’bout if I put it in the stylesheet of my entire wordpress blog?

1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890

Guess not. :