Kimler Sidebar Menu
Kimler Adventure Pages: Journal Entries
I recently published an article about cross-browser font embedding, using the @font-face CSS selector. It turns out that the code I put forth causes a 404 look-up in Internet Explorer. A reader has suggested some superior code, which I put to the test
Paul Irish Sets My Morning Schedule
Funny how a single comment can change the direction of my day!
Paul proposes two concepts - new to me - in his recent article, "Bulletproof Font Face Implementation":
- Internet Explorer tries and fails to download the TTF file (with 2-selector syntax) even though the 2nd @font-face selector includes a "format" declaration.
- He proposes a single @font-face selector, which satisfies all browsers (obviating the need for two selectors), searches the local computer for the font first and eliminates the Internet Explorer "file not found" problem.
Okay ... this is techie, geeky cool and - for sure - not everyone is going to want to read about this, so here is where you should get off the geek train (if you haven't already).
If you're all aboard, heading for geekdom and want to be cool, then read on brave web-font enthusiasts ...
"Innovative CSS Technique" Making Rounds is NOT a CSS Technique
This article, authored by Emanuele Feronato, has been getting some attention within the web-design and development social network recently. I've seen it Tweeted, FaceBook'd, Blogged, Digg'd and included in various "Totally Amazing CSS Techniques" lists.
The article is the most popular article on his blog, sporting over 252 comments and it's currently being shot across the design social circuit like it was the newest communications satellite. While some of the commentary points out the shortcomings, most (who don't know better) are lapping up this code - using it on commercial sites and passing it on.
At first blush, the technique seems very cool, but it's not code we would use and you shouldn't either. In a nutshell, out-of-the box it's crap. (Are you a web-developer, designer or programmer? Can you spot the problems?")
To learn more about why this code is crap (and to get an improved version) ... carry on ...
For years, web designers and bloggers have been limited to a select number of "web-safe" fonts. With the Jun 30th release of FireFox 3.5, it's now possible for cross-browser font embedding using the CSS3 @font-face selector. Here's a tutorial to show you how
Expand Your Font Palette Using CSS3
In a tale involving proprietary font formats and a week-old release of FireFox, I'm here to say that using the CSS @font-face selector to spice up your website typography is an easy, light-weight, valid and cross-browser solution. Finally, fancy fonts for the masses!
Can this be true? You bet your sweet bippy! Read on.
Twitter This, Twitter That
When the blue bird chirps, we've Tweet'd w/in the past hour.
It seems that the whole world is a-flutter, over little blue birds (which are the universal symbol for "Twitter", a increasingly popular "micro-blogging" service). Twitter is used to make 140-character comments about what you're doing. You can even embed photos, videos and links - to be rendered in-place, by browser add-on applications. Use it to keep in touch with "friends", for time-delayed "conversations", social networking, staying on top of important (and not-so important) breaking news, popular topics, wasting your employers time or digging deeper into research: trends, keywords, news and other things.
We started tweeting early this year and I finally got around to customizing a "twitter status update", which you'll find in our "Site Tools" section of our blog sidebar. It's a bit different than most Twitter status updates I've seen and here's how it works:
IF you see the blue-bird a-singing (animated musical notes), it means that we've "tweeted" within the last hour or so. Hovering over this little blue twitter bird will reveal a stylish pop-up containing our latest "tweet" (140-char story-line of "what we're doing right now"). It's a great way to see what we're up to, see how witty we can be and we think it's a nice add-on (a mini-blog, if you will).
Randsco No Longer Supports Internet Explorer Six
Last month, we made the decision to drop support for Internet Explorer version six (IE6). Visitors using this eight-year-old browser will see a pop-up information box, when they land here. The box says:
Update Your Browser
As of May 2009, we no longer support Internet Explorer 6. The reasons for this decision are many.
We strongly recommend that you upgrade your browser to a newer version. The current version is Internet Explorer 8. The upgrade is free.
Hint: For a better browser, use FireFox.
To learn about our reasoning for this move, what it means for visitors, the problems with IE6 and why FireFox beats IE hands-down ... read on.
Why We Dropped Support for IE6
IE6 is listed as #8 of The 25 Worst Tech Products of All Time
Below is a short list of some of the reasons behind our decision to drop support for Internet Explorer 6:
- IE6 is old and antiquated
- IE6 is crappy compared to modern alternatives
- IE6 support costs web-developers frustration & time
- IE6 needs to go - now
IE6 Is Old
The release date for Internet Explorer Six is Aug 2001. That was before the 9/11 terrorist attacks on the World Trade Center! IE6 is older than the iPod, the television show "24", IE5 for the Mac and the Hummer H2.
At its peak, in 2003, IE6 commanded roughly 95% of the browser market and created for Microsoft, a browser monopoly that resulted in a U.S. Justice court case against the company.
Success of IE6 is attributable to a number of factors:
- Unlike early version of Netscape & Opera, IE6 was free
- It was bundled and integrated with the most popular O/S - Windows
- It was the best browser available at the time and competitors were lacking
IE6 Is a Crappy Browser
IE6 may have been the best browser in 2001, but this is 2009 and eight years is an Eon of time, technologically speaking. Compared to modern browsers - which are many and all free - IE6 is wildly inferior. Here's a brief list of some reasons why:
- IE6 is much less secure against malware, spyware & viruses
- IE6 lacks new features like native tabbed browsing
- IE6 doesn't support transparent PNG graphic files
- IE6 doesn't support many CSS directives (e.g., :hover, :first-child & min/max-width)
- IE6 doesn't support web standards well
- IE6 work flows are slow
compared to modern browsers
Finding Directions in IE8
A good comparison of modern -vs- ancient work flows can be demonstrated by looking up directions to an address contained in an online email:
1) highlight the address in your email;
2) right-click and "copy";
3) open a new IE6 window;
4) find or type in a mapping website URL;
5) paste the address into the mapping site;
6) press [Enter] and wait for a response;
7) return to email to pick up where you left off. IE8 (modern):
1) highlight the address in your email;
2) Right-click and "Map with Live Search" As you can see, IE8 can dramatically speed up this work flow in this example, by eliminating 5 (or more) steps. Click for other new features in Internet Explorer 8
IE6 is one of The 25 Worst Tech Products of All Time.