Wir sind sehr excited! We are looking forward to two days of talks, single track, one workshop day, and plenty of side events. We plan to announce our first speakers and workshop teachers soon!
For both the talks and the workshops, we have a good range of topics, varying from Accessibility to Web Performance and from SVG 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.
It was great to not only get to San Francisco this year but also great to get to @smashingconf and see so many familiar faces and meet new ones in the process. I had a terrific time and hope you all stay safe, travel safe, and hope to see you all again soon. Thanks @smashingmag!
Sunday, 4th – Workshops
Schauinsland Cable Car Tour🚠
Come with us to discover the life at 1284 meters above sea level with the Schauinsland Cable Car. With the longest loop cable car in Germany, you will reach the peak of Freiburg and its stunning panorama in 20 minutes.
We'll be meeting in front of the venue and go from there. The entrance fee of 13.50 € is not included in your conference ticket.
The night before the conference kicks off, we're hosting a warm-up event with our dear friends from SpeedCurve, with drinks and talks from your fellow attendees. We hope you'll join us to connect ahead of the main event!
Please register so we know you're coming!
Monday, 5th – Conference
Morning Run 🏃♀️
Join speakers and attendees for a 5k run! On both conference days we'll meet in front of the conference venue at 7:00 and run about 5k, taking in the scenery of Freiburg! We'll be running for approximately 30–40 minutes.
Everyone is welcome, it'll be a gentle jog to stretch our legs and chat with friends!
We can’t wait to welcome you after three years of waiting!
Design System Components: Go Big, Go Small, or Do ‘em All?
Design systems are maturing across organizations, as are the component libraries they contain. Atomic buttons, icons and inputs are a solved problem. Now, expectations of design systems are rising: offer bigger and bigger configurable things, empower contribution, and enable autonomous, flexible composition. These are tough challenges that create uncertainty, tensions, and conflict.
During this session, Nathan will share experiences working across design systems as a consultant. Informed by interviews, planning, and leading teams, he’ll explore questions that evolving design systems encounter like:
- How many components are too many?
- What else might we do that’s more valuable than adding yet another component?
- When and how do we incorporate “organisms?” When don’t we?
- How do we foster composition when tools and platforms drive us towards configuration?
Whether you make one or use one, this session will challenge you to reconsider what you want, need, and may actually get from your design system.
Nathan will also give a workshop on Design Systems.
Modern CSS Layout
CSS layout has moved along in leaps and bounds in the past few years. Beyond flexbox and Grid, there is aspect-ratio, min, max and clamp functions, custom properties, and logical properties, all of which can help us solve common layout challenges. Plus a whole new range of features on the horizon (with some already landing in browsers!), including subgrid, container queries and the :has() pseudo-class (or “parent selector”).
As developers, the challenge is no longer whether something can be done in CSS, but which of these tools to reach for in our CSS toolbox! This session will aim to bring you up to speed with modern CSS layout, and demonstrate some creative use cases.
React 18 Concurrency, Explained
React 18! Concurrent features! Perhaps you’ve just heard about this release. Or maybe you’ve already tried the new APIs like useTransition. But do you know how React 18 achieves the performance wins it brings with itself?
In this talk, let’s peak under the hood of React 18’s performance features:
- How React 18 lowers the time your page stays frozen (aka TBT) and how Chromium 87 helps in this
- What’s the catch with the improvements (there’s no free cake!), and when they are unhelpful
- What exactly happens in the browser when you run useTransition()
- And why Vue and Preact straight refused to ship anything similar
Be the Browser’s Mentor, not Its Micromanager
We look at how we can hint the browser, rather than micromanage it by leaning into progressive enhancement, CSS layout, fluid type & space and modern CSS capabilities to build resilient front-ends that look great for everyone, regardless of their device, connection speed or context.
You’ve set a Net-zero Climate Target, Now What?!?
Software is a significant emitter of carbon emissions, and it’s growing fast. However, a piece of software is not a physical thing. So measuring software for carbon emissions in the same way you measure physical things often fails. We need to completely re-think how we measure emissions for software from the ground up.
This talk will discuss a methodology for carbon scoring your application called the Software Carbon Intensity (SCI) Specification. The SCI is an effort by the Green Software Foundation to reach a cross-industry consensus on carbon scoring for software, for those in the data center space think of it as “PUE for Software”. We’ll also discuss the three types of actions you can take to improve your score.
By the end, you will understand how to calculate a score for your application as well as some pointers on how to improve it.
Making by Breaking
In this talk dina will share how tinkering and taking things apart was the beginning of her career as a stop motion artist and a maker. She will share how it all started, what she has learnt so far and the biggest mistakes she has made.
Time to party it up! Take your team members, or make some new friends, and we’ll have a great night of networking and fun. Join us in the wonderful garden of Cafe Pow, next to Grünhof. Yes, Grünhof was the Jam Session venue, we like to keep things simple.
This party is only for Smashing attendees, please don’t forget to bring your badge.
Tuesday, 6th – Conference
Morning Run 🏃♂️
Join speakers and attendees for another 5k run! On both conference days we'll meet in front of the Historisches Kaufhaus at 7:00 and run 5k taking in the scenery of Freiburg! We'll be running for around 30–40 minutes.
Everyone is welcome, it'll be a gentle jog to stretch our legs and chat with friends, not a race.
Life is a Mystery
This carpenter has been building for a while ✨
Shining the Light on HTML Email Dark Modes
Building HTML newsletters doesn't have to be frustrating. Let Rémi be your guiding light in the dark and make you fall in love with newsletters (again). Really? Yes, really!
You have a Design System. Now What?
Design systems have vast scopes and complexities—and no two are the same. That’s why establishing a collective vocabulary around design systems is key to unifying a team that can develop and mature a design system for long-term success. In this talk, Ben will present a perspective on how to gain real value from your design system based on years of research and experience. He'll offer a way to create a shared understanding inside your organization leading to a healthy systematic design practice.
Lunch Break 🌭
Go for a nice stroll on the Münstermarkt, or join the Lunch Session with SpeedCurve.
Want to know how fast your site is, how it performs against Google’s Core Web Vitals, and what you need to fix to make it faster? Bring your website, get it audited with usability/performance expert Andy Davies and take away some immediate action items for delivering a faster UX.
🎟 Sold out
Digging into Virtual Scrolling
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.
Lost in Translation
A frontend developer’s job is to look at a design, interpret it, and translate it to HTML and CSS. Unfortunately, information often gets lost in translation because we rely too much on visual aspects of a design, rather than its semantic meaning.
In his talk, Manuel Matuzović uncovers the invisible patterns we should recognise in a design, and how they affect accessibility.
History Photo Walk
👻 If you don’t want your SmashingConf to end yet, join us for a ghost history tour! We'll be exploring the neighborhood and hopefully don't get eaten by ghosts. Register your free ticket so you we'll can a spot for you.
Wednesday, 7th – Workshops
9:00 – 17:00
On Wednesday, we will be running three workshops.