SVG is a resolution independent format for graphics on the web. The technique has been around for a while but not widely used as it was not supported by all browsers. With the introduction of high resolution displays and support by major browsers it is really making a comeback. The new Voormedia website released in July 2012 relies heavily on SVG images. This article demonstrates how we went about with browser detection and displaying these images on the site.
In an earlier post in this series, we have mentioned a bit about SVG’s pitfall with old browsers and using Raphael.js to serve the graphic as an alternative solution. In this post we will take a look at this matter further.
Recently I discussed the drop-shadow filter, which is newly supported in Webkit. Firefox users saw the same effect in the article, even though the browser doesn’t yet support CSS3 filters.
That’s due to the fact that Firefox supports the older SVG version of the filter, from which the CSS3 version is derived. In this article I’m going to show you how to write the effect for all browsers*, so you can achieve the benefits of a true, dynamic drop shadow for all elements.
Howdy, folks! Welcome to more Smashing Magazine CSS Q&A. It works like this: you send in questions you have about CSS, and at least once a month we’ll pick out the best questions and answer them so that everyone can benefit from the exchange. Your question could be about a very specific problem you’re having, or it could even be a question about a philosophical approach. We’ll take all kinds.