In a previous life (read: job) my colleague and I spent a lot of time learning css tricks and tweaks to get our work looking just perfect in all browsers under all conditions. We even discovered and developed a few of our own. No flash? No problem! No javascript? No problem! No brain? No problem – it handled IE as well!
Here’s one of the latest tricks from Eion Robb that’s worth an email home about: a gradient background on a stretchy box with rounded corners.
In summary,
Use an svg image for the background. They’re stretchy, and can have rounded corners.
They can’t usually be background images, so wrap your content in a div, absolutely position the image inside it to be the background.
Use a fallback for IE, e.g. VML, or a normal 4 corners/ 2 sides / top and bottom / no rounded corners solution.
February 21st, 2010 at 4:10 pm
Hey! Cool site J, well written. Wouldn’t mind a RSS feed burner option so I can get email updates but I am old school
Keep it up. Jared