Smashing Conference


Below you'll find the schedule of the Smashing Conference Whistler. And we do have some surprises for you—but they are not included in the schedule, of course. Stay updated.

Wednesday, 10th | Thursday, 11th

8:00AM Doors Open

And So The Mystery Begins...

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


Atomic Design

Over the past few years, we’ve seen the web community create style tiles, element collages, style guides, pattern libraries, and a slew of other tools in order to break interfaces down to their atomic elements. Our interfaces are going more places than ever before, so this shift is essential to help us better understand what our websites consist of in order for us create smart, scalable, maintainable designs. This session will introduce atomic design, a methodology for creating robust design systems. We’ll cover how to apply atomic design to implement your very own design system in order to set you, your organization and clients up for success.

10:35AM Morning Break

Soothing Web Weariness

Maybe it’s just rose-tinted nostalgia, but I swear building the Web used to be easier. Now there are myriad complexities that require deep specializations to conquer. Even if we’re all absurdly smart and have our heads around it for now, the trajectory is continuing toward splintered complexity. We’re human and our processes can’t scale indefinitely. They’re already breaking down and making us crazy, drowning us in detailed or buggy minutiae that distract us from the visions we’re pursuing. The Web can make us feel weary.

But we can step back and reframe the battles in ways that bring priorities back to center focus, helping us figure out what really matters. We can champion a strategy of doing as little as possible to help save the future of the web—and our own sanity.


Building the next-generation of

Over the last two years Patrick has been developing the Guardian’s new responsive platform. This talk will be a deep-dive case study into the issues they’ve had to overcome whilst building a website that is accessed by over 7000 different devices from 105 million unique users.

As more and more organizations are adopting Responsive design in their approach to delivering cross-platform Web products. We will learn how – by prioritising the delivery of content – the Guardian can now break the news to their users within 1000’s of milliseconds. What were the mistakes they made along the way? How do you change culture within a 193 year old media organisation? What tools they use to monitor their systems and measure success over time? And discuss what future browser technologies they will use to stay ahead-of-the-game.

12:30PM Lunch Break (lunch provided)

All The Right Moves: Putting your UIs in Motion

CSS animations are a powerful option to add design details to your work. When used well, motion can bring delightful moments to a user interface and improve interactions.That’s the kind of animation we want in our work! Carefully crafting these moments makes our work more memorable and enjoyable to use. In this session we’ll discuss where animation can best inform UX and how CSS can be used to build sophisticated animated interactions.


#CSS { Yawn: Yay! }

Maybe you think moving from static CSS files to (mostly-static) CSS preprocessing was a huge revolution for your app's styling. I've got news for you. You're still stuck in quicksand.

If you want more out of your CSS, it should be dynamically templated, not just build-processed. Render the CSS on-the-fly, responding to run-time conditions, either on the server or in the browser. And that's just the beginning. Imagine modifying CSS structure and rule-relationships in process, re-compiling then re-rendering? Yep.

Are you still excited because your CSS automatically re-compiles on save? CSS.past. Open your eyes to the next big things in CSS. You don't need more fancy features and coding constructs IN your CSS file, you just need super-charged CSS tools. Welcome to CSS templating.

We haven't scratched the surface of what CSS can do for us yet. It's time we get scratching.

3:30PM Afternoon Break

In Between

Historically, the intermediary states of our sites have been neglected. The transition between the starting and ending points has been treated as an afterthought, one we begrudgingly fix because they’re there and they stick out like a sore thumb. But the web is maturing, and our roles are shifting as it does. Through careful choreography we can make sure that these intermediate states feel intentional. That they don’t break our users state of flow, but help to maintain it. The result will be more delightful experiences for our users—from start to finish and every step along the way.


Getting to Fast

Here you are: developing a site on your 15"-plus desktop screen, reloading files from hard disk with nanosecond latency. There your user is: viewing your work on a sub-6" screen waiting up to a second for every file to even begin downloading before they can see something.

How can you design for that experience and get your site to the user quickly? Paul will show some of the science behind the page load and offer a toolset to help you and your boss identify key & measurable improvements and fix 'em.

Sponsors & Partners