15 Effective Tips and Tricks from the Masters of CSS

There are thousands of sites out there offering tips and tricks for using CSS. But how do you know where that information is coming from? Who says the people writing these “tips” know what they’re talking about? For all you know, it could be someone who has not clue what CSS even stands for, let alone how to use it effectively.

Here’s some tips from recognised experts known for their mastery of CSS…

Unmatched Style

Unmatched Style is not just another CSS design gallery. We want to foster constructive design criticism as well as provide inspiration to our readers.

Unmatched Style always strives to bring inspiration to web designers across the web, from providing quality content in the form of informative articles, interviews and discussion.

Accessible Header Images With CSS And XHTML

Before CSS, images were always put into Web pages with image tags. We gave them alternate alt text so they still made sense when images were turned off – it was the only way. Today, we have Cascading Style Sheets. Using CSS to add images to Web pages has been called a "vital cornerstone of all future Web design". It gives us new power to control the presentation not just of basic styles like borders, but all the images across a whole site. Fahrner Image Replacement FIR was the first widespread method of doing this, and remains the most well known. But it isn't perfect. Today I'll show you two methods that overcome its problems.

CSS Shorthand Guide

Ok. Let’s set the record straight. There is no official guide for each and every CSS shorthand property value. So let’s work together and put one together. Anytime I’ve ran into a specification (besides the confusing mess at the W3C), it turns into showing off a couple of examples and you’re supposed to be set on your way. Over the years, I’ve found quite some interesting unknown quirky facts about these shorthands… hence this Guide was born…