« Return to Blog

CSS3Pie Is Even More Delicious Than It Sounds

Posted on September 2nd, 2010 by Jeff


Perhaps you knew that Internet Explorer (henceforth IE) is somewhat of a relic, and perhaps you did not. Unfortunately for folk like me (designers & deverlopers), most people don’t and will never. Thus making IE behave properly like other modern browsers (Firefox, Chrome, Safari, etc.) was always a bit of an ordeal…

The acronym CSS3 is new to no one, at least no one in the web design community that is. It stands for Cascading Style Sheets v3, or in laymens terms, the ability to make a website beautiful without a ton of extra images or Javascript necessary. But this article is neither a in-depth look at the third iteration or what exactly CSS is. It’s just a resounding cheer for the folks who created CSS3Pie and gave us the ability to make IE 6, 7 and 8 act sort of like a modern browser and look like a modern browser.

That’s right, the designer / developer’s bane just got a little less painful to work with. It used to be that you had to create a lengthy separate style sheet with links to a bunch of extraneous images made just for IE. This inevitably made updating a site much more time consuming than it needed to be, as well as slowing down the users experience at the same time. The latter is what is truly important, as page load time is now being factored into search engine rankings, as well as just dictating how 90% of users interpret a website’s experience is the load time.

The best part about CSS3Pie is it’s supremely easy implementation. You just need to call the IE styles (behavior:url(PIE.php);) in any elements that you are defining CSS3 on. *Note, I found the only way to get this to work for me was to position the element (99% of the time just relative), but that was it.

IE 9 is supposed to be a true modern browser, so that is great news. But, as we’ve seen with previous versions of browsers, not everyone updates just because they can or aught to. However, with this amazing, simple fix, designers and developers can lighten their load while also making for a slightly better user experience — it’s a win win. I’ve used it in three projects to date, and don’t plan on ever going back. I’d highly suggest you at least consider it. Unless of course, you are a masochist.

Note: for those working in .Net, we found this was all we needed to add to get it to play nicely:

<!-- #include virtual ="/css/PIE.htc" -->

Tags: , , , ,

Want to join our email list?

Our quarterly email provides some great design + communications-related news and info. You can expect to hear from us once every month or so, but never more than that.

Our Recent Twitter-ness


Follow Thinkdesign

Leave a Reply