Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.

Cross-Browser CSS in Seconds.

How do you target Internet Explorer in your CSS? Do you use CSS hacks, conditional stylesheets or something else?

It’s the perfect trollbait. There have been plenty of discussions about this, and I don’t mean to start a new one. Everyone’s entitled to their own opinion, but the thing is that it’s not purely a philosophical matter. I am writing this article because I noticed there’s a lot of misunderstanding on the subject of CSS hacks.

People have been advocating three different approaches: conditional stylesheets, CSS hacks, or conditional classnames. All these techniques have their pros and cons. Let’s take a look.

As much as we don’t like to deal with the IE bugs, we still have to face it because your boss and visitors are still using Explorer. It gets frustrating when different versions of Explorer displays web pages differently due to the inconsistent rendering engine. We typically use IE conditional comments to fix the IE issues. But there are more ways than the conditional comments…

Whether you are an experienced Web programmer or just starting out, you know that there are many browsers currently in use and have probably had experience with the cross-compatibility issues. The frustration of building a beautifully functioning website using Firefox, then discovering it doesn’t render properly in IE6 is a definite learning experience. Testing your creations in as many browsers as possible is crucial to turning out a professional product.

There are a multitude of tools available to allow cross-browser testing with only one computer and your favorite browser. Many of them will let you do online testing of multiple versions of the most commonly used browsers and some will include applications you may never have heard about. A few require downloading and installation on your machine.

In this article we will quickly go through the few steps of creating a cross browser compatible font face implementation.

PIE makes Internet Explorer 6-8 capable of rendering several of the most useful CSS3 decoration features.