Breaking Development 2012 :focus on Responsive schedule

Monday 4th June 2012

Responsive Workshop

by Dave Rupert

In this workshop we'll learn step-by-step how to build a responsive website. We'll start with the fundamentals of responsive design, discuss basic challenges and design strategies, and pick up a few tips-and-tricks along the way. We'll be working with HTML/CSS as well as using junior high level math, so bring your laptops.

At 8:00am to 12:00pm, Monday 4th June

Coverage note
Next Steps for Responsive Design

by Mat “Wilto” Marquis

The explosion of smartphones and tablets has caused us to radically change the way we think about publishing content on the web, but the "mobile web" is a fast-moving target. With an ever-growing roster of devices already in circulation—each with their own unique set of features, browser quirks, and screen sizes—the idea of a single codebase that "just works everywhere" may be starting to feel like a pipe dream.

Responsive web design provides us with an incredibly powerful set of tools for handling uncertainty—and when paired with the principles of progressive enhancement, we're well on our way to a fully device-agnostic approach to the web. In this presentation we'll discuss strategies for handling complex layouts, managing image and video assets, and most important of all: a vast landscape of unknowns.

At 1:15pm to 2:15pm, Monday 4th June

Coverage note
The Minimal Viable Web

by Kristofer Layon
Based on the Minimal Viable Product approach that is advocated by the Lean Thinking movement, this session will explain how you can create better web solutions by seeing them as products rather than projects. No matter what your technical or creative role is, you can apply product management principles to your sites and applications in ways that help you get the best possible results by delivering the most elegant and simple web product that your users need, validating it through research, and then continuously improving it in incremental ways.

The Minimal Viable Web session will walk you through several steps that, when taken together, will lead you to higher levels of web design success. We’ll connect the disciplines of:
- developmental psychology
- user experience design
- content strategy
- mobile first design
- responsive design
- agile development
- usability evaluation
into an overall strategy for delivering progressively-enhanced, responsive design solutions that meet your users’ and organizations’ needs.
- Minimum Viable Product
- Responsive Design
At 2:30pm to 3:30pm, Monday 4th June

Coverage slide deck note
Creating Responsive Experiences

by Tim Kadlec

Responsive design is a hot topic and rightfully so. It’s an incredibly powerful way to capitalize on the flexibility of the web. But if being responsive is really about embracing the potential of the web, then the discussion must go far beyond layout. We shouldn’t simply build responsive sites, but responsive experiences. Experiences that adapt to the network, the context and the capabilities of the device. Responsive web design is not the destination: it’s a step towards a more personal web experience.

In this presentation we’ll explore how to create more responsive experiences by making use of device apis, carefully considering context, and, yes, even applying some carefully crafted server-side detection.
At 3:45pm to 4:45pm, Monday 4th June

Coverage note slide deck