We are sooo excited! We are looking forward to two days of talks, single track, two workshop days, and loads of side events.
For both the talks and the workshops, we have a good range of topics, varying from Accessibility to Web Performance and from UI Animation to CSS Custom Properties. All talks have a few things in common: brought to you by amazing speakers and practical takeaways everywhere!
Your conference or bundle ticket also gives you access to all our side events, from a city walk to morning runs, and — of course — our famous Smashing Party! If you’re joining us online, you get backstage interviews, online fun and networking.
Want to stay updated on the latest speakers and talk topics, why not follow us on Twitter?
Workshop Monday, 20th | Conference Tuesday, 21st | Conference Wednesday, 22nd | Workshop Thursday, 23rd
Monday, 20th – Workshops
On Monday, we’re running three hands-on workshops:
- The SVG Animation Masterclass with Cassie Evans.
- Web Performance with Harry Roberts.
- Smart Interface Design Patterns with Vitaly Friedman.
🎙 Jam Session
The night before the conference kicks off, we’re hosting a warm-up event with drinks and talks from your fellow attendees. We hope you’ll join us to connect ahead of the main event!
Want to give a talk? We’d love to hear from you!
Tuesday, 21st – Conference
Morning Run 🏃♀️
On both conference days, join speakers and attendees for a 30–40 minutes run. We’ll meet at the Yacht Club at 7 AM and run 5k out towards the Golden Gate Bridge — which will be a nice view unless the fog shows up! We’ll be running for around 30–40 minutes, giving you plenty of time to refresh before the conference starts.
We can’t wait to welcome you after two years of waiting!
Creating Themeable Design Systems
Design Systems have been around for a while, and whilst many people love them, there are also critics who say that design systems kill creativity and don’t work over multiple brands. The answer: please add CSS Zen Garden to create Themeable Design Systems.
Brad will also be running a workshop on Design Systems.
Scaling Up Accessibility
Many people want to design and build more accessible products, but they don’t know where or how to start. The truth is, there isn’t one best way to get started.
In fact, there are many easy ways to integrate accessibility into the work you do every day no matter what your role is. Every small change makes a difference to the overall accessibility of a product. Over time, you can scale up accessibility by incrementally changing your product development process – creating into a practice of inclusion within your organization.
Coffee Break 🍵
Time for a little refresher after the first talks. Of course, we are taking care of tea, coffee and snacks.
Married to HTTP/3
In this lighthearted talk, Robin discusses the parallels he discovered between two seemingly unrelated things: his marriage and the new HTTP/3 protocol.
Learn how both have a strange fascination with weird acronyms (RSVP? ALT-SVC? IDK), why setting up a correct HTTP/3 deployment can require more logistics than preparing a big Wedding party, and how HTTPS certificates are similar to Elvis-impersonator-officiated Las Vegas ceremonies.
We look at how to test HTTP/3 in several browsers and with tools like curl and WebPageTest, how to verify it's working correctly, and how to manage expectations. After all, much like Aunt Greta's ugly crystal bowl gift, not all of HTTP/3's features will be a perfect fit for your home(page).
Come for the connections, stay for the quiche!
Beyond the senior level, continuing to grow your career in tech can be daunting – like running through a complex maze. Where once technical skills sufficed, you now need to grow leadership skills. You find yourself going from surfing complicated codebases to navigating complex organizations. You go from working with your close team-mates to a growing number of collaborators & stakeholders, both within and outside the company.
Wrangling humans is harder than code. Actions of leaders have big ripple effects across the company. Yet it is not easy to find great resources to support this journey.
This talk provides a starter guide to the maze of the higher levels in the tech career. Whether you want to advance as a leader, become more effective in your current role or thoughtfully choose your next leadership role — there will be something for you in this talk!
Lunch Break 🥗
Let's have lunch, while enjoying DJ Tobi's tunes. We will take care lunch. What are you going to have? Have you found the Smashing Members stand already?
We are running a lunch session with our lovely friends from STUDIO, register your ticket and join us!
Styling the Intrinsic Web (with Container Queries, Layers, and Scope)
Over the last decade, Responsive Web Design and Object Oriented CSS have grown from exciting new trends into the foundations of modern, component-driven web design. But our medium is not done evolving. In 2018, Jen Simmons coined this the era of “Intrinsic Web Design” – with powerful new tools that allow us to build entire layouts based on the intrinsic needs of each component.
This evolution of the responsive web is becoming more clear with several new features in CSS. We’ll look at a number of these developments, from Cascade Layers to Container Queries and Scope. Not only do these features build on what we love most about responsive components, but they’re designed to address some of the biggest challenges in CSS today.
Typography for the People
Part typographic masterclass and part career retrospective, Elliot takes us on a lighthearted journey through nearly two decades of client projects and side projects, covering the highs and lows of life as a jobbing freelance designer, as a Creative Director in big tech, and as the owner of an independent publishing business — all tied together by a deep love for typography, more than a little music, and a desire to share the secrets he’s learned with others. Exploring how notions of success — or rather, creative fulfilment — can be found outside the usual financial metrics, Elliot outlines the path that led him to his recent collaboration with Google to create Google Fonts Knowledge: an ambitious typographic resource for all.
Afternoon Break ☕️
Have you talked to our wonderful partners yet? They offer all kinds of goodies, and of course, we provide coffee, tea and snacks to get all energized for the last session of the day.
Animating the Impossible
How best do we achieve smooth UI animations when dealing with DOM changes, responsive layouts, dynamic content and user interaction? Well... we start off by flipping our whole approach upside down. In this session we’ll lift the magicians curtain, take a look at some ‘impossible’ animation challenges, and learn how to approach them using a rather exciting animation technique.
Cassie will also be running a workshop on SVG animation.
Awww, time to end the first day. We hope to see you at the after party!
After Party! 🎉
Ah, the legendary SmashingConf parties! Bring your team members, or make some new friends, and we’ll have a wonderful night of chats, networking and fun. We’ll take care of the drinks and bites. All made possible by our wonderful friends from SpeedCurve.
This party is only for Smashing attendees, please don’t forget to bring your badge and a photo ID. Hope to see you at 8 PM at Emporium (Google Map)!
Wednesday, 22nd – Conference
Morning Run 🏃♀️
On both conference days, join speakers and attendees for a 30–40 minutes run.
We’ll meet at the Yacht Club at 7:30 AM and run 5k out towards the Golden Gate Bridge — which will be a nice view unless the fog shows up! We’ll be running for around 30–40 minutes, giving you plenty of time to refresh before the conference starts.
A warm welcome to another day of talks and fun!
Life Lessons by our Mystery Speaker
During the pandemic, after working on Google Chrome for 10 years, Addy — like many other people — started to self-reflect and think about life lessons. He found that self-reflection can be powerful. When we reflect on what we’ve learned or the mistakes we’ve made, it allows us to apply those learnings to our daily lives. Without this, these ideas can end up fleeting and fade away.
But it's not just his own life lessons he was interested in. What would others' life lessons be, and what can we learn from them?. This began a two-year project where Addy asked some well-known names to self-reflect. What were the lessons that stuck with them over time?
In this talk, Addy will cover many of these ‘lessons’ — and whether you’re an engineer, designer, product manager, or otherwise — so you can use them, the way you want!
Get Your Head Straight
Despite being the only section of a website that a user never sees, the HEAD is arguably the most important. It is bound to its own unique set of rules and often governs the overall speed of the page.
In this talk, we’ll look at some specific caveats, some fascinating intricacies, and—critically—the optimum order for a faster HEAD. Find out why your HEAD tags are so messy, so vital, and, I promise you, so interesting.
Harry will also be running a workshop on Web Performance.
Coffee Break 🧋
Pfew, we hope our first two talks woke you up? To help a little extra we have coffee, tea and more.
Designing for Complex UIs
Not much can surprise you when it comes to interface challenges, doesn’t it? You can design a decent card, a well-rounded accordion and an exquisite hamburger navigation. But what if there are slightly more complex UX challenges ahead of us? How do we make them accessible to everyone around the world? What if you are dealing with complex filters, multi-page forms or multi-step modals and overlays? What about intricate enterprise-grade tables and dashboards? Or perhaps creating a resilient navigation system for a family of 115 websites?
Well, complex UI doesn’t have to be complicated. We need to hide the complexity under the surface, making it easier for everyone to get complex tasks done easier. In this session with Vitaly Friedman, UX consultant and creative lead behind Smashing Magazine, we’ll dive deep into dissecting how to solve complex design problems to make applications accessible and usable, maximizing clarity and minimizing ambiguity along the way. Whether you’re working on a complex nested multi-level navigation or creating complex tables, this session will give you some strategies and tools you need to get better at your work.
Designing with Words
You’ve done the research. Presented prototypes. Triple checked your color contrast. Everything’s coming together, until someone tries to create an account using the new site. “LOG IN ERROR! Operation Failed,” the field shouts, with no hint of a potential solution.
UX writing communicates what visuals cannot, adding clarity, credibility, and consistency. In this talk, we’ll discuss ways to think strategically about the words in your designs, from onboarding flows to field labels. You’ll learn what makes great writing great—and ultimately, how to design words that create a seamless experience.
Time for lunch! We will be taking care of another wonderful lunch, and we hope you get to meet some new people, have great chats, and maybe visit our partners?
We are running another a lunch session with our lovely friends from SpeedCurve, register your ticket and join us!
We Don’t Talk Anymore
Designer, Developer, Front-end, Back-end, IA, UI, UX — we've spent so much time inventing titles, drawing dividing lines around our skill-sets, building silos, and highlighting differences, that we seem to have forgotten what it actually means to communicate and work with each other. This lack of teamwork isn't really surprising, either: Our species is quite adept at segregating ourselves from our fellow humans.
How can we make this better? Not just in our teams and workplaces, but at our conferences, meet-ups, social networks, user groups, cafes, trains, and public spaces? Dan will explore this troubling issue and see if together, we can find a solution.
Take Your Skills to the Moon with Creative Coding
As developers, we're learning new skills all the time. But how can we stay creative while progressing our careers? In this talk, we'll discuss about how we can discover new tools and techniques while having fun. We'll learn how making hundreds of demos to unearth new ways of doing things can lead to an entirely new way of working, and most importantly, how to not take things too seriously.
Jhey will also be running a workshop on Supercharging your skills with Creative Coding!
Photo Walk 📸
Bring a camera (film, digital, or smartphone) and join Dan Rubin for a fun photowalk along the waterfront, piers, and surrounding area. This is a great way to see a bit of the city, get to know other attendees, and of course Dan will be available to answer any photography questions along the way.
Register your free ticket so you'll be updated on all details.
Thursday, 23rd – Workshops
On Thursday, we’re running three hands-on workshops:
- Supercharge Your Skills with Creative Coding with Jhey Tompkins.
- Creating And Maintaining Successful Design Systems with Brad Frost.
- New Front-End Adventures with Vitaly Friedman.