Tag Archives: webdesign

Missing Links

Posted on October 5, 2005 by Kelson

Slashdot posted a story about a new web browser called Flock. The source was an article at BusinessWeek. Now here’s the interesting part:

It’s a fairly long article about a web browser, and it mentions a few other web browsers including Firefox, Opera and IE. It also mentions websites Amazon.com and del.icio.us. But the only links in the article are to stock quotes and an earlier article.

I understand that it’s Business Week, and I’m not saying they should have linked to every website that was even tangentially mentioned—but you’d think they could have at least linked to the browser company they just profiled! I had to get that link from Slashdot! (Unfortunately, so did everyone else, so I won’t be able to look at the page until tomorrow.)

Edit: Compare the BusinessWeek article to Wired’s take from last month. Even taking into account that they’re written for different audiences, BusinessWeek still looks like a print article that’s been thrown up on the web.

Posted in Browsers, Web Design | Tagged , , , , | 2 Comments

CSS Outlines

Posted on May 31, 2005 by Kelson

I’d never bothered with the outline property in CSS before, mainly because I could never see what made it different from border. OK, it doesn’t affect the object’s size or position, but you can account for that when designing a page. And I could see it might be useful if you wanted to have a two-layer border around an object, since the outline starts just outside the border.

Well, Firefox is nearing 1.1 alpha, and among the new features is real support for outline. I figured I’d set up a test page and see what happened.

I set up two classes, one which applied an outline and one which applied a border, and just tried them on different objects. <p> only looked different in positioning (since border is just inside the edge, and outline is just outside), but <span> illustrated the difference clearly:

Screenshot of outline and border.

The first paragraph has some text with an outline. The second has text with a border. In both cases, the text wraps at the edge of the window, but while the border breaks and picks up again on the next line—as if the span had simply been chopped into pieces—the outline completely encloses each section on its own. This fits with its intended purpose, which is “to make [elements] stand out.”

Opera and Konqueror (and presumably Safari) seem to handle outline already, and display my test page the same way as Firefox 1.1.

Posted in Mozilla, Web Design | Tagged , , , , , | 2 Comments

Hazards of Templates

Posted on March 1, 2005 by Kelson

Here’s a good one: The Daily Sucker has found 300+ organizations using a legal statement containing the phrase, “Wow You actually came to this page.”

Highly professional, that, along with “Our lawyers made us include it and made us use a precious link on our home page to get you here.” Which isn’t to say that I don’t appreciate the sentiment, but the fact that it’s been copied over and over is…interesting to say the least.

It does make me wonder who originated the statement, though.

Posted in Web Design | Tagged , , , | 1 Comment

Bunch O Links

Posted on July 26, 2004 by Kelson

Some random links I’ve come across today (several from the same source)

Peter David: Getting Ink for the Fund – yes, Peter David has gotten a tattoo to raise money for the CBLDF. He follows up: “What have you done for the CBLDF lately?” Well, I’ve plugged it on my website and bought a T-shirt… (Edit: It seems Neil Gaiman just missed this by not answering his phone. Also, Newsarama has posted a follow-up story with photos)

The Great Custom 404 Page Adventure – comparing the sometimes helpful, sometimes hostile, sometimes humorous “file not found” messages at various websites. Update: Ironically, the site’s gone 404 itself…

Indispensable Mac OS X products – ’nuff said.

Pir(l)ouettes – a commentary on Adobe’s history of the ampersand.

ACLU – Pizza – a funny/chilling animation of what might go on if a pizza place could cross-reference your health, library, and banking records while you were on the phone.

Posted in Apple, Comic Con 2004, Comics, Politics, Web Design | Tagged , , , , , | Leave a comment

Creating CSS Buttons

Posted on June 25, 2004 by Kelson

Several months ago, I went on a minor site optimizing kick. One thing I decided to do was replace the validation labels with something smaller, less obtrusive, and directly on the page. I tried to duplicate the look of the classic antipixel-style buttons (like the ones you see on the sidebar here) by splitting a link into two <span> elements, but had so much trouble getting borders and height to match up correctly that I wrote it off completely.

After a while I came back to it, and started with very simple buttons like this:

How the first CSS badges should look

Your browser shows this as:

Valid XHTML XFN Friendly

Here’s the CSS and HTML used for this version: Continue reading →

Posted in Web Design | Tagged , , | 2 Comments

New Layout

Posted on February 11, 2004 by Kelson

I finally put together a new layout! I tried to do as much as possible in CSS and leave the HTML as little changed as possible, and when I finished I was able to keep the default WordPress layout as an alternate. In theory I ought to be able to plug in any of the submissions from the WordPress CSS Style Competition as alternates as well.

It’s been tested so far on Mozilla, IE 6, Opera 7, and Konqueror 3.2. It doesn’t use anything more complicated than Fahrner Image Replacement, so it shouldn’t cause too many problems. I’ll try to test it in a bunch of other browsers at work tomorrow.

I consider this a first draft – among other things I figure on adding to the main title banner – but it’s something a bit more distinctive than the out-of-the-box layout we ended up with after the upgrade to 1.0.

Updated Feb. 12 and Feb. 13 to describe testing in more browsers and the interesting saga of tracking down a bug in Internet Explorer 5.0: Continue reading →

Posted in Site Updates, Web Design | Tagged , , , , | 4 Comments

Random Rent

Posted on October 25, 2002 by Kelson

Got someone’s virus-generated email today (though that’s far from unusual). The mail server strips out known viruses and obvious subterfuge, but this one still had a huge HTML file attached… containing, oddly enough, the complete lyrics to Rent. (Incidentally, some idiot decided to make the entire official website appear in a popup. If you have popups disabled, all you see is a message telling you to install Flash, even if you already have it.)

Posted in Music, Strange World, Viruses | Tagged , , , | Leave a comment