YUI Theater — Stephen Woods: “Creating Responsive HTML5 Touch Interfaces” (24 min.)
By Ryan GroveFebruary 23rd, 2012
At the February 6, 2012 BayJax event at Yahoo!, Flickr Frontend Engineer Stephen Woods (@ysaw) shared his hard-won advice for building responsive touch-based interfaces using HTML5, CSS, and JavaScript. He also revealed how Star Trek: The Next Generation predicted the need for instant user feedback in a touch-based UI and how Tivo’s slow UI was made bearable by a simple “bloop” sound.
February 23, 2012 at 12:21 pm
Just a few days after the web dev world erupted about the dangers of mono-culture, YUI puts up a video praising it.
Sort of ruins everything else…
February 23, 2012 at 2:06 pm
Awesome talk thanks so much.
February 24, 2012 at 12:52 am
As Lars said, saying we don’t have to worry about other browsers on mobile is not only contradictory to independent statistics (see PPK or StatCounter), it also goes against everything open standards advocates are pushing for.
Just because you see e.g. Android or iDevice users in the room, doesn’t mean you’re looking at WebKit users.
February 24, 2012 at 10:13 am
I don’t recall praising monoculture. The fact is the vast majority of mobile user agents ARE webkit.
My talk was supposed to be practical, not idealistic. And I am talking about touch events:
http://www.quirksmode.org/mobile/tableTouch.html
February 26, 2012 at 9:25 am
Hi Stephen,
I like the concept of immediate continuos feedback and how to use it as an improvement for user experience :)
Nice talk, good work.
February 26, 2012 at 5:18 pm
The tables you linked to are out of date (2010). Opera Mobile and Fennec both have support for touch events.
February 26, 2012 at 11:06 pm
Didn’t mean to be over-critical, by the way. The information on transforms and matrices was very useful, as well as the “always give your users feedback” rule.
February 27, 2012 at 2:45 pm
@Stephen you mention “cleaning off” CSS transforms, didn’t you find this caused flickering? I’ve done similar things to the carousel you show and always ended up keeping my transforms on for this reason. Curious if you found a solution.
February 28, 2012 at 1:15 pm
This is a great video – great content as well. Can you share a little on how you captured and edited this? I love the speaker on the right and the “3d” presentation on the left.
March 2, 2012 at 10:12 pm
Thanks so much for your talk! Loved it… I’m currently working through a bunch of new problems that I haven’t encountered before and this really helped me.