Schedule

Below you'll find the schedule for SmashingConf San Francisco 2017. We’ll keep this page regularly updated with all new speakers and sessions, so be sure to keep checking in! Stay updated.

Tuesday, 4th | Wednesday, 5th

08:00 Doors Open
9:10

And So The Mystery Begins...

Have you figured out yet who was the Mystery Speaker this time? ;-)

10:00

TBA

Coming soon!

10:50 Morning Break
11:20

Taking Responsive a Step Further

More and more, we think about responsive design beyond just RWD. The future of interactions is being redefined each day with new devices, emerging ecosystems and unplanned user flows. Could responsive design be perceived as intelligent? Should our daily tools act (and feel) smarter? Is it too much to ask for designers and developers to go that extra mile, and minimize the friction that is often created by poor interactions, integrations and experiences. Now that we are designing with screen sizes and aspect ratios in mind, we should go a step further and plan strategically to utilize the device data that’s already collected and available.

Tin's talk provides case studies of where intelligent design with fewer features has had a great impact. In this session you'll expand your definition of responsive beyond RWD, rethink how you design and develop responsive software, see examples of how intelligent design can improve industry-leading applications, see how you can include Smart First approach into your UX and UI processes.

12:10

Designing for Display

Display design requires arresting attention, whether in a mobile feed or a street billboard. Demanding an audience’s attention in an age of distraction requires a design approach that isn’t expected or safe, but unpredictable and new.

This talk will cover multiple projects, ranging from brand identity to conceptual proposals, from literary analysis to experimental typography. Together, these projects present a method of re-introducing unpredictability in design.

1:00 Lunch Break
2:30

Innovative SVG Animations

By now most Front-End Developers know the benefits of working with SVG: great support, resolution, and scalable images that can reduce the needs for multiple HTTP requests and be easily scaled to multiple viewports. But SVGs are capable of so much more.

In this session, we’ll manipulate vectors with a myriad of creative techniques, ranging from the practical, such as data visualization with React, to the delicate, such as imitating candle smoke with morphing path data. We'll go over how to increase engagement and performance with examples and case studies. We’ll use SVGs as a window with clipPath, push the boundaries of the CPU with filters, and even combine techniques to create otherworldly effects.

3:20

Laying Out The Future With Grid And Flexbox

CSS is now over 20 years old, yet it has taken this long for us to get a true layout system designed for web pages and applications. A layout system, not based on hacking properties designed for something else entirely, but one that considers the reality of design for the web today.

With CSS Grid Layout landing in browsers, it is time to get to grips with this new layout system and discover how CSS Grid Layout works alongside Flexbox and the Box Alignment module to bring real layout to the web for the first time. In this talk you’ll learn the basics of Grid Layout and how it fits with existing layout methods such as Flexbox. You’ll also discover how these new standards get into browsers and how CSS itself has evolved to give you a way to support older browsers while taking advantage of these new specifications.

4:10 Afternoon Break
4:40

Once More, With Feeling

As an industry, we’re starting to recognize that what really matters for performance is how fast the experience feels. While this seems like a relatively minor revelation, in reality it requires a significant shift in the way we approach speed online: everything from the way we measure to the optimizations we use. Let’s look at how to reframe performance on the web, and what techniques and technologies are out there to help us create experiences that feel fast and frictionless.

5:30 Closing Remarks
5:45 Photowalk

Sponsors & Partners