Jason Grigsby Responsive Mobile First Design

Mobile first and responsive web design aren't simply two great tastes that go well together. They represent much more than that. Mobile first responsive web design is the responsible way to build responsive design. It is the best way to build something that is both responsive from a layout AND a performance perspective.

But if mobile first is the right way to do responsive design, then why are so few people doing it? In this session, we'll dig into why mobile first responsive design matters and the techniques necessary to make it work.

Like responsive design, accessibility embraces flexibility. In this presentation Adem will discuss how adopting accessible and inclusive design practices can help produce more effective responsive designs.

The focus for designers when it comes to responsive sites has typically been largely on images and text based content. But interactive charts, graphs, and other data-driven interactive content are quickly becoming de rigueur at news sites, and beyond. In this session, Colin Gourlay shares some of his experience developing responsive interactive content for the ABC.

We all know Media Queries allow us to target different screen sizes, resolutions and more to help deliver the most responsive site, with the same code base. but did you know there's a DOM feature, matchMedia, that lets us do everything media queries do with CSS, only with JavaScript? Craig Sharkie tells us more.

The internet has changed. Websites no longer function as brochures in an HTML translation of a designer's brainchild, and content is king. We’ve evolved to capitalise on new devices, new ways for users to access information, and new tools to engage them. This session will focus on the "new design team", and explore the emerging relationship between designers and developers in the context of responsive imagery. Drew will examine the methods currently used to tackle the responsive image dilemma and their implications on not only development, but design too.

We as designers, and our users have long since become comfortable with how to navigate most desktop websites. But what should happen to your sidebar, or header navigation when the screen shrinks? In this session we'll hear about the latest Responsive navigation patterns, help make sites as easy to navigate on a smart watch as they are on 4D TVs (ok, maybe on phones, tablets as well as desktops).

“Let’s migrate our existing content, it will be fine for mobile.” It’s the line that strikes fear into the heart of any content strategist. And it happens all the time: your client expects their brand spanking new responsive site to make their crap content look good. Spending time reviewing, restructuring and rethinking what content should be on their site all sounds too hard. So what do you do? Where should you focus your energy so that the project is still a success? Sally will share three pieces of advice for the next time you are faced with this situation.

Responsive design and modern CSS techniques have rapidly transformed the web from the 960 pixel wide place it was only a few years ago, bringing beautiful, usable web experiences to our smartphones, tablets, phablets, i-things and other devices of all shapes and sizes. With more and more of our customers carrying their email around in their pocket we need to provide an equally beautiful experience for email on mobile devices. This talk will cover responsive techniques you can apply to your HTML emails that overcome some of the challenges of email client rendering engines, as well as some tips for designing your emails to work well with these techniques.

The web has always had fragmentation, though not on the scale we're seeing now with new devices - and that's before we consider hybrid-touch laptops, microscreen smart watches, gesture interfaces or displays the size of a wall. Testing all the user permutations of your application is becoming almost impossible, so how do you go about working out whether you're delivering a good experience or not?

In this session, we'll look at the use of responsive design oriented analytics coupled with a few statistical methods that will help determine how well you're delivering your experiences and highlighting the areas you need to focus on next in order to maintain a decent level of coverage.

Many of us were not working on the Web when the ideas that underpin Responsive Web Design were born. John was. Indeed, his article from the year 2000, "A Dao of Web Design", a quote from which Ethan Marcotte begins his rightly famous article outlining (and naming) RWD called for designers to see the Web as new, more fluid medium, free from many of the constraints of the print world. In this presentation John looks back at the Web of the late 1990s, and asks what can we learn from those days, today.

When we create for the web, we participate in a kind of public art. We code, we design, we build for an audience, shaping digital experiences that provide a service, or that create joy, or that simply connect readers with words written half a world away. But in this session we’ll revisit what we’ve learned about responsive design, and ensure our content, not just our design, is readily accessible to them wherever and whenever they are. In doing so, we’ll look at some ways in which our audience reshapes the way we think about our medium, and see where they might be leading us—and the web—next.