Upgrade to Pro — share decks privately, control downloads, hide ads and more …

There's Just One Web // HTML5 Live

Jen Simmons
November 01, 2011

There's Just One Web // HTML5 Live

Mobile is all the rage these days — and it should be. Many website owners believe creating a separate mobile website is the solution, with browser sniffing to redirect all "mobile" traffic to a separate m.example.com domain. But it turns out that most of the time this is a terrible solution. Come hear Jen Simmons talk about how there's only one web — not a mobile web separate from the desktop web. And learn how you can use HTML5 and responsive web design to create one unified website or web app for your project and Just Have It Work™ on a wide range of devices.

Presented at the HTML5 Live Conference in New York CIty in November 2011.

Jen Simmons

November 01, 2011
Tweet

More Decks by Jen Simmons

Other Decks in Technology

Transcript

  1. • 1200 x ??? • 1.5mb/sec • keyboard & mouse

    • 320 x 480 • 3g • touch “Desktop” “Mobile”
  2. • screen widths: 320, 480, 600, 768, 800, 1024, 1200,

    1330, 1440, 1900… • speeds: edge, 3g, 3g in NYC/San Fran, 4g, dialup, satellite, dsl, cable, fiber • walking, sitting, laying down, driving • keyboard, mouse, touch, siri / voice control, car controls, other devices • reading, looking, listening, voiceover, jaws, large print, whatever
  3. Now sometimes a separate site is a good idea. But

    not just for a different device.
  4. Emerging New Process • Discovery • Paper sketches • Mood

    boards • Style tiles • Prototype bits of content in HTML & CSS • Build up to full prototypes of page layouts • Iterate
  5. The style tile is not a literal translation of what

    the website is going to be, but a starting point for the designer and the client to have a conversation and establish a common visual language. When a client says “clean,” does she mean Apple.com clean or NYTimes.com clean?