Hi-Fi Design With CSS Slides

I had promised a few at SXSW that I would post my slides from the panel. As part of “Hi-Fi Design With CSS”, I talked specifically about the accessible image-tab rollovers that I designed for Fast Company last year.
I thought this would be a nice example of the flexibility that CSS can bring — and that image-based rollovers can be achieved with far less code and zero JavaScript, using CSS and a simple unordered list.
The drawbacks of image replacement were also mentioned — that we’re still searching for the perfect way to handle replacing text with images. But while keeping those drawbacks in mind, this method (as an alternative to table/image/JavaScript options) can work in certain situations.
The slides aren’t terribly exciting without me blabbering on behind them. But I thought it’d be good to post for those who attended the panel, wanting to take a closer look.
Be sure to also check out my fellow panelists’ notes and slides that are posted as well (Bowman, Shea).

11 Comments

  1. Davezill says:
    Mar 19, 2004

    Sorry I missed it. Maybe next year…

  2. Web says:
    Mar 19, 2004

    After reading about 2,500 sites over the past 3 days in regards on how awesome the SXSW was I would be a fool to miss it next year.
    Maybe there is some way I can get “the boss man” to pony up the cash and convince the girlfriend I really am going to “geek fest 05’”
    Should be interesting to say the least.

  3. Kevin says:
    Mar 20, 2004

    Hi Don, It’s very nice to meet you in SXSW. I didn’t see you in the last day conference, Hopefully we have chance to try Austin BBQ next year. :)

  4. Brad says:
    Mar 20, 2004

    Sounds like a fun time to me!

  5. Jeremy says:
    Mar 20, 2004

    I really missed something this year. Next year, I really hope to make the trip.

  6. Dan Cederholm says:
    Mar 20, 2004

    Kevin – Really nice to meet you as well. Next year, BBQ is a must. Time flew by…

  7. Tim Parkin says:
    Mar 23, 2004

    :-) its all too far away for me to get to and there doesn’t seem to be a similar style event in the UK.
    As an aside, someonese just pointing out that our web site design looks a little like your site. I think there might be some subliminal serendipity going on as my colleague recommended your site last week and I didn’t look at it. I hope you don’t think it’s pinched, although when I put the little boxes on ….

  8. Dan August says:
    Mar 24, 2004

    The mouseOver-part doesn’t seem to be working in my Firefox on WinXP.

    Does anyone have the same experience?

    And it loads somewhat slower than in IE6 (completely un-scientific measure).

  9. Daniel says:
    Mar 25, 2004

    Just an aside–it’s interesting that you say, “The slides aren’t terribly exciting without me blabbering on behind them.” Are they, then, terribly exciting with you blabbering on behind them? ;)

  10. Designer says:
    Apr 28, 2004

    I wasn’t able to go to the conference and I’ll my best to go there next year. Thank you for giving us the opportunity to read some information… Best wishes from http://astra-design.com/

  11. Ralph Waldo Emerson says:
    Jul 2, 2004

    When Nature has work to be done, she creates a genius to do it.