Archive for the ‘HTML’ Category

Introduction to Typekit

Saturday, December 5th, 2009

I’ve done a screencast on the introduction of Typekit for The Web Squeeze about 2 weeks ago. For those of you who haven’t seen it yet, here it is:

Introduction to Typekit from TheWebSqueeze on Vimeo.

Death to IE6 #2

Wednesday, October 22nd, 2008
IE6 must die.

IE6 must die.

In this post I already told you how much I hate IE6, and I’m not the only one, so I decided to stop squirming around it, and simply stop designing around it, unless a client pays extra.

This might be useful for some of you out there who also want to avoid the agony of IE6. I recently started using this code, and so far it works pretty good.

In the <head> of your HTML:

<!–[if IE 6]>
<style type=”text/css”>
#ie6 {
display: block;
}
</style>

In the <body>, before anything else:

<div id=”ie6″>It seems you’re using an old browser. In order to view this site correctly, we advise you to <a href=”http://www.microsoft.com/windows/products/winfamily/ie/default.mspx”>upgrade your browser</a>, or try the free <a href=”http://www.mozilla.com/firefox”>Mozilla Firefox</a>.
</div> <!– end #ie6 –>

And finally in your .CSS file:

#ie6 {
font: normal 12px Arial, Helvetica, sans-serif;
color: #333333;
background: #FFFF66;
display: none;
}

This way a yellow bar telling people to upgrade their browser shows up when somebody is using IE6. In any other browser it will be hidden.

You can use/edit/redistribute this piece if you like. Any comments are also welcome.