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, mobile platform strategist, consultant, and trainer. You can also visit his Elsewhere on the 'Net linklog, his political blog, or you can follow him on Twitter.

Atom RSS

Categories:

Monthlies:

Comments (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...