Below you’ll find the first confirmed talks for SmashingConf Toronto 2018. We’ll add more talks throughout the next couple of weeks, so be sure to keep checking in! Stay updated.

Tuesday, 26th | Wednesday, 27th

08:30 Doors Open
09:30 Welcome back

And So The Mystery Begins...

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


Refactoring Live

In this session, Sara Soueidan, a front-end developer from Lebanon, will be looking into refactoring components live. You’ll learn how to name classes, how to deal with HTML/CSS, how to keep accessibility in mind, and how to keep the component scalable and maintainable long-term.

11:20 Coffee Break

Accessibility Audit (Live)

In this “this-is-how-I-work” session, Marcy Sutton will conduct an accessibility audit on the fly. You’ll get a feel for how to detect and resolve accessibility issues and a strategic roadmap on things to keep in mind when improving accessibility.

Marcy will also cover the tooling and the usual suspects and a few techniques to keep in mind for websites and single-page-applications.


Beyond Fonts: Elevating Lettering to Art

Join Australian artist Gemma O’Brien for a step-by-step look at her process of creating lettering for large-scale murals.

From collecting inspiration, sketching by hand, colouring on the iPad Pro, to painting the final piece, Gemma will share insights and tips on how she takes her designs off the page and into a physical space.

With live demos in analogue and digital, this session is perfect for designers who want to escape the screen and try their hand at calligraphy, lettering, and painting.

13:30 Lunch Break

Creating An Effective & Beautiful Data Visualization From Scratch

The amount of data that is being gathered in the world is only growing. And since humans are visual beings we need to see the data to understand patterns, trends and outliers. It's no wonder then that we're only seeing a rise in the number of data visualizations used on the web these days.

Thankfully for Nadieh, making data visual is one of the things she likes doing the most. And during this talk Nadieh will show you how to create a unique, effective (& even beautiful) chart using d3.js, which has become the main "tool" for doing (interactive) data visualization online. Starting from an empty white browser window she'll code & take you through all the nuts and bolts that go into creating a chart with d3, and how, with a little bit of out-of-the-box thinking you can use SVG in the weirdest ways to get what you had envisioned.


Pattern Library First: An Approach For Managing CSS

Organising CSS in a project can be tricky, especially if you want to create fallbacks for newer CSS such as Grid Layout, fallbacks which can rely on your CSS being in a particular order to take advantage of the cascade.

The solution is to develop a pattern library first, to create structured components which can then be compiled into a stylesheet before deployment. And, by making the Pattern Library your build environment — it remains the source of truth, never becoming separate from the CSS deployed on the site.

In this talk, Rachel will be looking at some interesting Grid Layout tricks, in the context of a real-life pattern library built using Fractal. She’ll show you how I structure components, in order to create robust fallbacks for older browsers while fully taking advantage of things that would be impossible without Grid.

16:40 Coffee Break


Coming soon!

18:00 Closing Remarks


Sponsors & Partners