Posts Tagged ‘css’

Page heading at end of breadcrumbs

Friday, October 16th, 2009

I’ve become a fan lately of a small trend in breadcrumb design. Some sites are starting to put the page’s header (in <h1>) at the end of the list of breadcrumbs. It’s an interesting way to show how the site’s hierarchy leads up to the current page.

On Adobe’s site:

Adobe Breadcrumbs

Read on for a couple more examples.

Read the rest of this entry »

IE6 helps you see your true colors

Tuesday, October 13th, 2009

There is much truth in what martinibuster says about designing for IE6 in this Webmaster World discussion:

In my experience, when a site layout was blowing up, it usually took my site designer about an hour or two to fix the error and make the site display well for IE6.

So I am still not convinced that spending an hour, two hours, or even a single day is such a hardship, and less convinced that the minimal time typically required, about the time it takes to eat a sandwich, is going to impact sales to those who use more modern browsers. How could an hour or two spent upgrading a site for IE6 take away from sales? Is that a legitimate reason to throw away 10-15% of web traffic?

As far as the assumption that those who use IE6 don’t have money and correlate to trailer parks, I think there is absolutely no basis for that conclusion. Equally, I believe there is no foundation for believing that those who use modern browsers are more technically savvy.

The question should not be, Do you still design for IE6? The question should be, Why are you throwing away traffic by not designing for IE6?

This got me thinking about some of the assumptions that I’ve made over time. For example, I picture most IE users as grandmothers feebly trying to read the text on their screens. But would you be confident that your VP or CEO would not be the same?

I know of the pain and hardship that Internet Explorer 6 causes. I’m there often. But he has a really good point. Don’t get me wrong. I still look forward to the day that we can bid IE6 adieu.

Read the rest of this entry »

Accessible links in printer style sheets

Thursday, September 24th, 2009

Using some CSS voodoo, you can display a text link’s URL in parenthesis after the link text. This would be very useful for printer style sheets, where you can’t see where the links are pointing when the page is printed out.

Read on for more details and the code.

Read the rest of this entry »

Practical CSS style guide

Thursday, June 7th, 2007

[Update: Will Jessup appears to have taken down his blog. But here is the style guide that he linked to in his post.] I love Will Jessup’s suggestion for creating a style guide for your site. (Note: This is the archived post on Way Back Machine.) I think the most confusing part would be figuring [...]

Read the rest of this entry »

Step into this century, learn CSS layout techniques

Sunday, April 17th, 2005

I’ve been reading a series of articles by Adrian Senior on Macromedia’s Web site called Introduction to Designing with CSS. I highly recommend reading these articles, especially if you’re just now thinking of stepping into the world of designing Web page layouts with Cascading Style Sheets.

Read the rest of this entry »