CSS3, JavaScript and HTML5 explained

SpeciFISHity: CSS Specificity

| January 8, 2012

Some people are confused by CSS Specificity, especially with all of the (not-so) new CSS3 Selectors. The image below may help make sense of CSS Specificity. X-0-0: The number of ID selectors, represented by Sharks 0-Y-0: The number of class selectors, attributes selectors, and pseudo-classes, represented by Fish 0-0-Z: The number of type selectors and pseudo-elements, represented by Plankton a la Spongebob *: The universal selector has no value

Introducing border-radius

| May 21, 2011

Designers have been including rounded corners in their designs for years. In the early 2000s, when webmasters were creating table based layout, they would include tiny little table cells to add in little corners. With the end of table based … More …

HSL: Hue Saturation and Lightness

| May 21, 2011

CSS3 adds numerical hue-saturation-lightness (HSL) colors as a more intuitive complement to numerical RGB colors. RGB colors are hardware-oriented. They reflect the fact that CRT monitors displayed colors based on red, green and blue. However, RGB is not the way … More …