Tam Nguyen Photography

New York Beauty and Fashion Photographer

Friends Don’t Let Friends Use Internet Explorer

Posted on September 7, 2011 in Personal

Friends Don’t Let Friends Use Internet Explorer

To me, user experience (UX) is very important. When I browse on the Internet, I’m very picky on what sites I visit. I have NoScript and AdBlock Plus to make sure I don’t see the random crap (ads, Flash etc) that people put on their website. Luckily, the two aforementioned addons/extensions are available for Chrome and Firefox. On most websites, a few things tend to break when NoScript is at work — it blocks everything that is not HTML or CSS — but most of the time, I’m able to view the sites’ main contents, which are what’s really important. Except for when I’m visting Gawker Media’s sites. Yes, I removed them from my RSS feed. Things don’t work at all with their whole hashbang piece of crap.

On this website, I make sure that even if you have NoScript on with top notch security, you can still view the content. I try to avoid clutters, scripts, and Flash. Yes, on the home page, there’s a giant Flash wall of images; but you’re looking at the Gallery, all the images are there in <img> format so that you can click on them using any browsers without any issues. I even make sure that things will work if you’re using Internet Explorer, which is not exactly a real browser.

This IE support is about to come to an end, and it has not been an easy decision for me.

If you happen to be or have been visiting my website, you should have noticed the popup that says, “It’s almost 2012 and you’re still using Internet Explorer. Really?” Why am I doing this? Because IE sucks. There, I said it. Every time I want to make things look a bit nicer or fancier, IE is always the thing that stops me from doing it. These changes might be subtle, but they really contribute to your overall UX. For example, if you go to the Gallery page using IE, you will not see the rounded corners of the slider. Also, the slider size is not what I specified, so you can bet my pictures are cut off on the right. The shadow under the post thumbnail(s) are not visible with IE either. If you hover on any pictures, you will see the opacity effect, but you will not see the CSS3’s transition effect. Why? Because IE doesn’t support CSS3. At all.

FYI, this is the CSS code for the images:

img.with-borders, img.tn {
    margin: 5px 0 5px 0;
    padding: 8px;
    background: #F1F1F1;
    border: solid;
    border-color: #777;
    border-width: 1px 2px 2px 1px;
    -webkit-transition: all 0.3s ease; /* Safari and Chrome */
    -moz-transition: all 0.3s ease; /* Firefox 4 */
    -o-transition: all 0.3s ease; /* Opera */
    /* No fucking IE */
    transition: all 0.3s ease;
img.with-borders:hover, img.tn:hover, img.post_img:hover {
    border-color: #000;
    filter: alpha(opacity=80);
    opacity: 0.80;

I use the border-color and border-width hack to make it look like these images are framed and shadowed. I could be using CSS3’s border-radius and box-shadow to make it look a lot nicer, but IE doesn’t support it.

Now, I understand that CSS3 is brand spanking new, and it isn’t finalized yet. In fact, CSS2 (not 2.1) has just gotten finalized recently, and it’s been around for quite some time, so I don’t think CSS3 will be finalized any time soon. But that’s no excuse for IE to not support it at all. I mean, c’mon, other browsers support it. How hard is it really to add a few lines of code to the rendering engine to let us all have some eyecandy? Apparently too much to ask, according to Microsoft.

Friends don’t let friends use IE, guys. IE is crap, and it is insecure. I’m dropping support for IE because I care. I want you to have the best UX when browsing on the “interwebs”, including my website; and using IE is just not going to work.

I will make sure that this website works with IE for the rest of this year. But when 2012 hits, I can’t guarantee you that any longer. If things appear to be out of whack when you’re using IE, don’t say I never warned you. Get a real browser.

And, oh, the popups stay to remind you 🙂


Leave a Reply

Your email address will not be published. Required fields are marked *