Archive for February, 2004

SimpleQuiz › Part XII: Breadcrumbs

Breadcrumb navigation. This is an interesting topic, sent in by Thomas Baekdal. Breadcrumb navigation is commonly used as a method for showing the user where they are within the structure of a site — and giving them an easy way of getting back.

Marking up a breadcrumb trail of links could be handled a variety of ways — and I’m interested in hearing people’s thoughts on how they’re best presented structurally, keeping in mind an unstyled version as well.

In addition to the four methods below, I’m sure there are countless other scenarios. Don’t be afraid to suggest a “method E”.

Q: Which is the best method for marking up a breadcrumb trail of links?

  1. <p>You are here:
      <a href="/">Home</a> &gt;
      <a href="/articles/">Articles</a>
    </p>
  2. <p>You are here:</p>
    <ul>
      <li><a href="/">Home</a></li>
      <li><a href="/articles/">Articles</a></li>
    </ul>
  3. <dl>
      <dt>You are here:</dt>
      <dd><a href="/">Home</a></dd>
      <dd><a href="/articles/">Articles</a></dd>
    </dl>
  4. <dl>
      <dt>You are here:</dt>
      <dd>
        <a href="/">Home</a> &gt;
        <a href="/articles/">Articles</a>
      </dd>
    </dl>

Common Sense and Image Lifting

I guess I should check my referrer logs more often. It seems that not only are some sites lifting some of the graphics from this site — but in unbelievably arrogant fashion — some are even linking directly to the images on my server!

What’s hilarious about this is that it is no accident. I could see if someone grabs my CSS file to tinker with it — even publicly. But I link to images with a relative path. Meaning someone has to go out of their way to add my images to their CSS.

It’s bad enough to steal someone’s graphics — but to steal them and the bandwidth it takes to serve them from the victim’s site is just plain ridiculous.

</kneeJerkRant>

For the record and because I get asked now and then, I have no problems at all with people using any and all of the markup and/or CSS from this site. Take it, modify it, make it your own, experiment with it — this is how we all learn. But I draw the line on graphics. I can’t prevent it of course, but for god’s sakes if you’re gonna steal them, put them on your own server. Mmm ‘kay?

I’m certain I’m not the only one that’s run into this problem?

Update: It only took one comment to knock some sense into me. A simple .htaccess dropped into the /images/ directory prevents anyone from referencing your images from any other server but your own. I’ve just implemented this handy tip from Scriptygoddess and it appears to be working like a charm.

Sticky-less Hover

Safari version 1.2 has been released. In addition to all of the other new features, I’m happy to see that the “sticky hover” bug has been squashed.
Previously, some CSS hover states would stick on hovering. Oddly, if you moved the mouse away from the hover area up, the state would return to it’s normal appearance. But moving the mouse left, right or down would sometimes result in the hover getting stuck.
Anyhow, it seems to be fixed with the release of 1.2, which makes me smile. The navigation for this site works like a charm now in Safari 1.2 — as do the Accessible Image-Tab Rollovers I had whipped up for FC a while back.

Twice in Three Years

Champions

OK, now I’ve forgotten all about the Red Sox of last October. Winning the Super Bowl twice in three years? This sort of stuff just doesn’t happen to New England sports fans. Or I guess it does now.

Carolina played a great game — the best we’ve seen all year, but seeing Adam Vinatieri’s field goal go through the uprights with 4 seconds left was unimaginable. It happened again.

The big news of course though, was Janet Jackson’s bare-breasting, which happened so fast, that I missed it. Evidence and careful investigation suggests that Miss Jackson and Timberlake knew exactly what they were doing.

Back to the Patriots though. I would say “Go Pats”! — but they’re already gone. An unbelievable team.