VTM slides

Just now I finished my presentation at the Voices that Matter conference in San Francisco. At the request of New Riders and my audience, I've put the slides online (as a PDF).

Get them here.

This is the blog of Peter-Paul Koch, web developer, consultant, and trainer. You can also follow him on Twitter or Mastodon.
Atom RSS

If you like this blog, why not donate a little bit of money to help me pay my bills?



Comments are closed.

1 Posted by Guillaume Stricher on 24 October 2007 | Permalink

Great slides Peter: neat examples with simple answers... And sometimes very funny backgrounds, especially the :before :after one...
Seems you are becoming a conference addict and master... Well, quite foreseeable though.
Thanks for sharing.

2 Posted by Joseph Silvashy on 25 October 2007 | Permalink

Fantastic slides Peter, They made sense even without you having to present them, which is a plus for those of us not attending VTM.

3 Posted by Patrick on 25 October 2007 | Permalink

Blast - wish I would have made the trip up from Los Angeles after all. From the looks of the slides, seems pretty informative.

4 Posted by Tino Zijdel on 26 October 2007 | Permalink

Good presentation, especially spot-on with regards to mouseover/out not being the equivalent of :hover - it's the biggest mistake most :hover-emulating scripts for IE < 7 make

Some remarks though:

element.className.replace(/hovered/g, '');

that's completely wrong ofcourse: imagine I start out with an [element class="nothovered"]

this is better:

element.className.replace(/(^|\s)hovered(\s|$)/g, ' ');

or use some sort of library to correctely deal with this (like http://therealcrisp.xs4all.nl/meuk/classdealer.js )

5 Posted by arty on 26 October 2007 | Permalink

Tino Zijdel, what about using \b instead of (\s|$) and (^|\s) ?

6 Posted by Tino Zijdel on 26 October 2007 | Permalink

arty: that would also be incorrect; \b matches a word-boundary, e.g. the position between a 'word'-character and a non-'word'-character. Fact is that a classname can contain characters that are not considered 'word'-characters.

7 Posted by Lon on 28 October 2007 | Permalink

Nice presentation.

But you cannot use getElementsByTagName('li') to create zebra-lists because that would be incorrect in the case of nested lists.

8 Posted by Lon on 28 October 2007 | Permalink

Moving to the :hover bit: I think you can use mouseenter and mouseleave events in IE which work as you would like them to.

9 Posted by Lon on 28 October 2007 | Permalink

Oh! Too soon!

I see now you knew that... you were just fooling around with the mouseover/out stuff...