dW

Simple As Fuck

Dustin’s “Simple As Fuck” Rule

CSS declarations which use browser-specific CSS properties must also contain the standards-based property if it exists in a specification.

What exactly does this mean? It means if -webkit-border-radius is used then border-radius must also be used in a CSS declaration. No ifs, ands, or buts. I shouldn’t even have to write this because it’s just a fucking elementary concept to do this; it takes seconds to type and future-proofs the style sheet in the process. It’s absolutely ridiculous to open one of these touted ”CSS3 Experiments” and see something which doesn’t even use CSS3 and doesn’t work properly because it only uses WebKit or Mozilla properties. To further clarify, this is absolutely the wrong way to apply a border radius to a block element:

div
 {-webkit-border-radius             : 8px;
  -moz-border-radius                : 8px;}

You fucking do it like this:

div
 {-webkit-border-radius             : 8px;
  -moz-border-radius                : 8px;
  -khtml-border-radius              : 8px;
  border-radius                     : 8px;}

Now, go fix your style sheets.