CLOSE ✕
Get in Touch
Thank you for your interest! Please fill out the form below if you would like to work together.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form

RWD Summit 2016

The virtual conference on Responsive Web Design

March 29-31, 2016
Starts at 10 ET / 9 C Everyday
On your desktop or mobile device

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form

Participants receive live online training + video

Registration grants you access to the live event

Interaction with the instructor and fellow attendees

Deep dive sessions save time leveling up skills

Online conference means no travel hassle

Real time Q&A with responsive web design experts

Post-event video to watch whenever you want

SPEAKERS

James Steinbach
Rachel Andrew
Zell Liew
Matt Griffin
JD Graffam
Estelle Weyl
Aaron Gustafson
Matt James
Tammy Everts
Peter Anglea
Micah Godbolt
Erik Runyon

Schedule
Day 1 — March 29, 2016
DESIGN & DEVELOPMENT

Keeping RWD Simple & Sassy

by James Steinbach

10 AM ET / 9 AM CT

Using Sass (or a similar preprocessor), we can standardize our breakpoints, automate much of the repetitive code, and organize individual styles well. 

In this talk, James will look into several Sass techniques and tools for managing responsive CSS.

Flexbox and CSS Grid Layout

by Rachel Andrew

11AM ET / 10 AM CT

Ever since we moved away from using tables for layout, we’ve been hacking around floats and positioning to achieve layout on the web. These methods are flawed and complex, making simple things hard to achieve.

Flexbox and CSS Grid Layout give us layout mechanisms signed for the sort of things we build on the web. In this talk I’ll take a look at both, showing the problems they each solve and how they work together to create a new paradigm for layout on the web.

RWD Typography

by Zell Liew

12 PM ET / 11 AM CT

Typography is one of the most important components of a good website. Responsive typography, though, is a tough nut to crack. Zell Liew has learned a lot about typography since he started trying to figure it out.

He's picked up best practices like using relative units, vertical rhythms, and meaningful typography scales making websites that are more pleasing to the eye.

Implementing them, however, is a horrible experience.

In this session, Zell deep dives into what's he learned and how he's implemented RWD typography.

Responsive Design for Enterprise

by Matt James

2 PM ET / 1 PM CT

Modern web development is a sea of tools, frameworks and ever changing techniques. But what if none of that was available to you as you work to complete a total responsive redesign of a legacy enterprise website?

 This talk will cover some alternative techniques and tools that can be used to deliver a modern, performant experience for users while balancing the needs of a variety of stake holders, the security concerns of a big business and the current demands of a device agnostic web.

Fight the Zombie Pattern Library

by Marcelo Somers

3 PM ET / 2 PM CT

Marcelo looks at repeatable processes to implement Pattern Libraries in your product design and development workflow, so you can fight the slow rot of your interface design (and its underlying code) as your product grows and evolves.

These same processes can be used to "build a tiny Bootstrap" for every client and keep developers using them every day.

Day2—MARCH 30, 2016
STRATEGY

What Comes Next Is the Future

by Matt Griffin

10 AM ET / 9 AM CT

Matt Griffin has been thinking about what it means to be a "web designer," grappling with the many (and sometimes misunderstood) disciplines that come into play. In undertaking a task no less than defining an industry, he does not dare to go it alone.

Instead this talk draws on video interviews shot for his documentary film What Comes Next Is the Future, capturing the thoughts and experiences of industry leaders.

Much like Carl Sagan in his television series Cosmos, Matt Griffin acts as the guide, helping viewers transition between edited film interview segments where a diverse range of web experts help him examine the topics at hand:

  • The legacy of graphic design
  • Mobile broke our process
  • Ceding control
  • Welcoming iteration
  • Modular design and systems
  • You're part of a team
  • Specialization and overlap
  • Should designers code?
  • What do you mean by UX?
  • Communication and empathy

Micro-Interactions Matter

by JD Graffam

11 AM ET / 10 AM CT

Pretty designs with minor usability and accessibility issues erode user confidence. Whether it's a fancy form design that isn't keyboard accessible or the voice dialing in your car, these interactions can frustrate users and drive them to seek out other options.

In this session, JD will share:

  • How micro-interactions can make interfaces more usable, recognizable and delightful
  • How you can build trust (and your brand) through micro-interactions
  • How to design for mouse, keyboard, touch and voice interactions
  • A checklist for micro-interactions
  • How to test your own designs to make sure you got it right

RWD is Not a Panacea

by Estelle Weyl

12 PM ET / 11 AM CT

Responsive Web Design is the solution for improving your mobile site. Or is it? 

A bloated site that simply shrinks in width is not necessarily a usable site. Squishy design is not the only, or even the main, solution for improved mobile user experience. 

Learn how to leverage modern web standards to improve performance so your sites, responsive or not, are more usable, accessible.

Planning Adaptive Interfaces

by Aaron Gustafson

2 PM ET / 1 PM CT

In this session, Aaron Gustafson will explain the ins and outs of crafting rich Web experiences that adapt to the capabilities and peculiarities of our customers and their devices, while maintaining your sanity in the process.

You will learn:

  • An understanding of the challenges (and possibilities) presented by the wide range of browsers and devices being used to access the web
  • A fresh perspective on interface design, grounded in the progressive enhancement philosophy
  • Ideas around how to tailor experiences based on device capabilities;
  • Solid strategies for determining how common UI components can be re-imagined in an adaptive fashion
  • A practical knowledge of how HTML, CSS, and JavaScript can be deployed in the service of adaptive user interfaces

RWD & SVG

by Dudley Storey

3 PM ET / 2 PM CT

While it was designed as a scaleless resolution-free vector format, SVG can be surprisingly challenging to make responsive at the same size across modern browsers. In addition, many web developers don’t realize that unlike other image formats, SVG can also be made adaptive, showing different, granular levels of detail at appropriate screen sizes.

This presentation will address both design challenges, concluding with a look forward to the future of SVG2 and its implications for responsive design.

You will learn:

  • Techniques for making responsive SVG
  • Vector effects: keeping hairlines at scale
  • Toolchain improvements for designing and exporting responsive SVG
  • Responsive vs. adaptive SVG
  • Making adaptive SVG with embedded media queries
  • The future: SVG and a movable, animatable viewBox

Demystifying Responsive Email

by Peter Anglea

4 PM ET / 3 PM CT

Creating responsive email isn't easy. In fact it's hard. Like, harder-than-coding-for-IE6 hard. But everyone is saying how valuable email marketing is.

Furthermore, having responsive email designs is just as important as having as having a responsive website when you consider that more than 50 percent of emails are opened on a mobile device.

Multiply that by the millions of emails your institution delivers annually, and that adds up to a big problem. Or a big opportunity, depending on how you look at it.

In this session, we'll roll up our sleeves and cover the best practices in responsive email. Like responsive web design, mastering responsive emails involves changes in how we write, design, and code. It's a dirty job, but somebody's gotta do it.

DAY3—March 31, 2016
PERFORMANCE

Introducing Web Performance Testing

by Ryan Irelan

10 AM ET / 9 AM CT

Web pages are getting bigger. In 2015, according to the HTTP Archive, the average web page increased in size by 16%.

2 MB pages are common now.

But assigning blame isn’t a solution. Hand-wringing and finger-pointing do nothing to improve the situation.

However, understanding how your pages perform while you are developing them does.

If we can become more aware of how our feature, design, and development decisions impact the performance of the website, we can address problems before they impact the site’s user experience.

And that’s what we’re after in Web Performance Testing.

2016 Mobile State of the Union

by Tammy Everts

11 AM ET / 10 AM CT

Trying to maintain a firm grasp of the mobile landscape is like trying to push a shopping cart over the Sahara Desert: you’re dealing with an unwieldy vehicle on a rapidly shifting surface where the topography can change seemingly overnight.

Every year, in her annual state of the union for mobile, Tammy Everts pushes the shopping cart so you don’t have to. Diving into the latest research, Tammy shares current stats around mobile usage, traffic, spending, performance, user expectations, and other trends. You’ll end this session with a fresh snapshot of our increasingly mobile world.

How to Optimize a Framework

by Geoff Kimball

12 PM ET / 11 AM CT

When Foundation 6 was released, the total size of the framework’s CSS shrunk to nearly a third of its original size.

This happened through careful examination of every line of Sass written while building the framework. Learn how the Foundation team aggressively optimized its use of Sass to make a leaner codebase, and learn how you can use some of the same techniques in your own code.

  • Learn how to optimize the CSS output of your Sass codebase
  • Learn common pitfalls when writing Sass instead of plain CSS
  • Discover tools that can help you audit a CSS codebase

Automate Your Testing and Performance Budget

by Micah Godbolt

2 PM ET / 1 PM CT

Automated tests shield you from introducing bad code into your project, and gives contributors automatic feedback on the quality of their contributions minutes after submission.

In this talk I will be demoing a small github project that has examples of visual, functional, behavioral, qualitative and performance tests already set up. We’ll then see what happens when several merge requests come in that break one or more of those tests, and how we can use the test feedback to fix our submissions.

Web Storage & Service Workers

by Erik Runyon

3 PM ET / 2 PM CT

The web has advanced greatly since the days of the browser cookie. We now have much more robust ways of saving data to a client device, including saving an entire site for offline use.

We will take a brief look at the history of offline storage, but spend the majority of the time on how to use technologies available today (Web Storage and Service Workers) to not only store data locally, but also how to create an app-like experience for those times when it’s necessary. We will also examine how these techniques have a direct impact on page performance.

You will learn:

  • The basics of Web Storage and some examples of how it can be leveraged to improve site performance
  • The current support for Service Workers, and its features
  • Using Service workers to create an offline capable website
  • How Service Workers can be leveraged to improve site performance

Responsive Images

by Robert Boedigheimer

4 PM ET / 3 PM CT

Images are critical in web design, but today they make up more than 60% of a modern web page's weight.  With high pixel density displays and the growth of the mobile web, it is imperative to develop a responsible balance between image usage and performance.  Discover how to properly deliver appropriately sized images to each device using the new srcset attribute and <picture> element.

  • HTTParchive.org shows 64% of page weight is images!
  • Quick review of image types and when to use each
  • Responsive image uses cases
  • Responsive image techniques
  • Maximize performance

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form

How Does Attending
a Virtual Conference Work?

1.

Once you are registered, you will receive a follow-up email to confirm your reservation. If you don't receive your confirmation email right away, check your JUNK/SPAM filter and then, if it's not there, contact support.

2.

As the event draws near, you will receive a more detailed message about two days before the event with the full schedule and other helpful information to help you take full advantage of your conference-going experience and plan your day.

3.

On the day of the conference, you will receive an email invitation about 45 minutes before everything starts. 

Click on the enclosed link to sign in and enjoy the conference!

You'll be able to see and hear the presentations as they happen, ask questions as needed and chat with the other attendees, if you like!

Technical Requirements

To attend The Summit, you will need a modern web browser and a recent version of the Adobe Flash Player. 

Follow this link to run our system diagnostic (opens in a new window). It will let you know right away which plug-ins, if any, you will need to update before the event.

Flash plugin required for Desktop viewing.

For smart phone or tablets, use Adobe Connect App on iOS or Android.

Still have questions? 

Drop us a line if there's anything else you'd like to know.

Join our E4H newsletter

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form

Sign up and join others just like you to be kept-up-date on E4H events, podcasts on UX design, web design and dev links and tips, UX design conversations from the brightest minds in the industry.