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.
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.
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:
into an overall strategy for delivering progressively-enhanced, responsive design solutions that meet your users’ and organizations’ needs.
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.
4th June 2012