Creating Responsive HTML5 Touch Interfaces

When working on the desktop, we’re worrying about browsers. You have to cover every case with various browser-specific CSS. On mobile, we worry about devices and not browsers.

Most mobile platforms run webkit, but there are a few other (less used) browsers out there.

Screen Size: Media Queries, Break points, liquid layouts.

We need to concentrate on interfaces that feel goodModern mobile devices are crappy computers with decent video cards.

How do you make a devices (low powered) feel like it’s high powered – perceived performance. Tivo plays the sound the second you hit the button. On the web we throw up spinners. Touch interfaces are tactile – they need to have immediate feedback. When you touch something, you feel how it works, you have a much better sense of when it doesn’t work.