Skip to main content


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? ;-)


From Icon Fonts To SVG: Workflow, Tools, Techniques And Everything In Between

Many teams still find themselves struggling to make the switch from icon fonts to SVG. SVG icon systems seem more complex and require a different workflow. But even though some techniques do, there are many options available for creating and embedding SVG icons systems that I'm sure everyone — regardless of their workflow — will find one that works for them. For example, did you know there are 3 different ways to create and embed SVG sprites?

In this talk based on some of the content from my very popular SVG Coffee Cup worksho, I'm going to cover all available SVG spriting techniques and embedding techniques, creating SVG icon systems using all 3 different techniques. You'll learn the pros and cons of each one, so you can make a better informed decision when choosing your way to SVG icon adoption.

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

JavaScript Graphics and Animation (live)

In this talk, Seb will demonstrate a variety of beautiful visual effects using JavaScript and HTML5

18:00 Closing Remarks


Sponsors & Partners