celebritarian

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

I’ve been waiting for an open-source project like this forever. A handy collection of the best hacks and tricks out there, that makes IE behave like a modern browser.

PIE seems to be the most elegant and organized solution out there.

It gives you text shadows, box shadows, rounded corners and gradients — that’s plenty of more creative freedom than before.

Now, none of this would be necessary if Microsoft played by the rules and followed the industry standards — like HTML5, and CSS3 in this case.

Anyway, thanks for PIE!

I’m so used to the way Mac OS X renders text, and I enjoy the way text looks in Safari. However, there’s people who feel different.

-webkit-font-smoothing: antialiased makes your text a bit thinner and less heavily anti-aliased, compared to the default subpixel-antialiased.

What do you prefer? Paste the CSS below into your code and use the classes on different paragraphs to try it out for yourself:

<style media="all">
/* Different anti-aliasing options in WebKit */
  .subpixel {
    -webkit-font-smoothing: subpixel-antialiased;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
  }
</style>

This is great. This project will probably save me a ton of time at work.

In my experience, bosses love their rounded corners, once they get a taste of it… But naturally, they are also incapable of understanding that their browsers — various Internet Explorer versions — are the reason why the rounded corners don’t show up on their computer — even though they appeared on the web designer’s computer(!).

Unless they weren’t first converted to images, of course. And don’t get me wrong, I love spending time in Pixelmator. Although, I hate doing the same job twice — once in my code for all modern broswers, and once in my image editor for IE.

However, this (and other) open source web projects are just lovely.

Finally, (-webkit-/-moz-/-o-/-khtml-)border-radius will work not only in Chrome, Safari, Opera and Firefox, but also in Inernet Explorer (with or without help from Microsoft).

Nice examples of what can be achieved with modern web technologies. Created by Apple. More information and demos are available at Safari Dev Center.

Priceless article for web designers.