Slides from WordCamp Europe

There is a lot going on in this post. Between embedded slides, video, external Twitter scripts, and animated GIFs, this page will kill your data plan. You may want to hit the browser Stop button if you have a data cap.

If the embed above is not working (or is too small to follow along), view the slides at SlideShare.


I have embedded the video with captions. You can also view it at if it does not play well from my site. I submitted captions as well, so hopefully they are in place by the time you read this.

Social Media

These are tweets that are only about my talk. I tweeted a bunch during the event (as did many others), but those are not in here. With one post-WCEU tweet exception.

Animated Images

These are the animated images that were in my slides but which did not survive in the transition to SlideShare. They are all quite large and will take time to load. If you want to save on your data plan, hit the browser’s stop button now.

The Virgin America home page when used with only a keyboard.
Slide 56: Use :focus Styles
Animation showing a button, input, and anchor all styled to look the same.
Slide 71: <button>, <input>, or <a>,
A page at DigitalGov showing the tab order.
Slide 73: Don’t Use tabindex > 0
Animation showing hidden (by ellipses) text being displayed on focus. Animation showing hidden (within a scrolling area) text being displayed on focus, scrolled by arrow keys.
Slide 75: Maybe Use tabindex=0
Animation showing number fields set to different languages and how they honor (or do not) decimal versus comma separators for validation.
Slide 78: Set lang Attribute on <html>
Animation of Firefox 41 tabbing through flex items. Animation of Chrome 45 tabbing through flex items.
Slide 80: Source Order Matters
Showing infinite scroll on Pew Research Center site.
Slide 84: Avoid Infinite Scroll

No comments? Be the first!

Leave a Comment or Response

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>