We love front-end, and we adore San Francisco! So in May 2023, we are running our Front-End focused web conference in San Francisco with 2 days of talks (single track), 2 workshop days, and many side events.
This practical and inspiring conference will have a good range of front-end topics, varying from CSS to Accessibility and Performance. All talks have a few things in common: brought to you by amazing speakers and practical takeaways everywhere!
@smashingconf has been an unforgettable experience this year as my first time, and honestly, I’d love to go back over and over and over again because it really is _that good_. Thank you for a lovely time, and see y’all at the next one!
Get your ticket and join all our side events, from a city walk to morning runs, and our unforgettable (!) Smashing Party!
Workshop Tuesday, 23rd | Conference Wednesday, 24th | Conference Thursday, 25th | Workshop Friday, 26th
Tuesday, 23rd – Workshops
Wednesday, 24th – 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 to two days of practical talks!
The web platform has leveled up significantly in the past few months. There are so many powerful new CSS and UI capabilities at your fingertips that you might not even know about that can reduce your script payload and make your life a lot easier. This talk covers some of the new landings in the native web space space, such as powerful new selectors, container queries, experimental native UI components (and more) to improve your developer experience.
Everybody loves whimsical animations and interactions, which are not just cool, but actually add value. In his talk, Josh — known for his amazing explainers — will explain and show why JS frameworks like react are a surprisingly good choice.
Coffee Break 🍵
Time for a little refresher after the first talks. Of course, we are taking care of tea, coffee and snacks.
Optimism for the Web
After many twists, turns, and evolutions of the web in the past 10 years, Lee is more optimistic than ever about its future. In his talk, he'll share why and hopefully convince you the same.
A (Fairly) Complete Guide to Performance Budgets
It's easier to make a fast website than it is to keep a website fast. If you've invested countless hours in speeding up your pages, but you're not using performance budgets to prevent regressions, you could be at risk of wasting all your efforts.
In this session, we'll cover how to:
- Understand the difference between performance budgets and performance goals
- Identify which metrics to track
- Validate your metrics to make sure they're measuring what you think they are – and to see how they correlate with your user experience and business metrics
- Determine your budget thresholds
- Get buy-in from different stakeholders in your organization
- Integrate with your CI/CD process
- Maintain your budgets so you stay fast!
Lunch Break 🥗
Let's have lunch! We will take care of a wonderful tasty lunch. What are you going to have? Have you found the Smashing Members stand already?
We are running two lunch sessions with our dear friends from SpeedCurve and Wix. Want to know how fast your site is and how it performs against Google’s Core Web Vitals, or want to how Wix can help you build better websites? Join them!
Containers, What Do They Know?
Container Queries allow us to measure (or ‘query’) aspects of a ‘container’ element, and style any descendants based on the query result. Miriam will convince you why this is so incredibly cool, and how you will be able to use this in your websites.
Bringing Page Transitions to Your Site
Enhance a site without page transitions, into one that does, with View Transitions. With this API, we're able to animate between two states of a document, including full page navigations.
Join Adam as he guides you through the process of incorporating View Transitions into his blog nerdy.dev, with easy-to-follow steps that you can apply to your own projects too!
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. Our dear friends from Netlify take care of the drinks and bites.
The party will take place at Emporium, starting at 8PM. The party is only for Smashing attendees, please don’t forget to bring your badge and a photo ID!
Thursday, 25th – 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 is a Mystery
We hope you didn't make it too late last night, and you're ready for the Mystery Speaker. We are pretty sure you know the thing they are working on. ;-) Let's pump up the jam for the Mystery speaker!
CSS + Accessibility: Inclusion Through User Choice
Every day we have a series of choices to make. Get up early to work out or hit the snooze button? Double foam mocha latte or decaf green tea? Tabs or spaces? Our choices — even the small ones — shape our identities and help frame how we see the world.
Today we expect multiple options when choosing products and services, but then settle for subpar user interfaces and digital experiences others choose for us. While we designers and developers might have insights into what a user wants — how can anyone truly know what 7.8+ billion people prefer at any given moment?
Thankfully, we don't need to guess! In her talk, Carie will go over ways to build more inclusive user options by combining the ever-increasing power of CSS with human-focused insights of digital accessibility.
Carie will be giving a workshop on accessibility too! Learn how to build Accessible Components from Design to Development.
Coffee Break 🧋
Pfew, we hope our first two talks woke you up? To help a little extra we have coffee, tea and more.
How I Learned to Stop Worrying and Love Email
In his talk, Mark will explain how he approaches building good emails, while looking at accessibility, dark mode, interactivity and much more, so you'll stop worrying and start loving email.
Mark will also give a workshop on Building Semantic First HTML Emails on Tuesday.
Chrome DevTools: State Of The Union 2023
Are you ready for a magical journey into the wonderful world of Chrome DevTools? Join us for a deep-dive that'll leave you spellbound as we explore the state of the union for our beloved browser's Swiss Army knife. Prepare to be dazzled as we reveal tips, tricks, and hidden gems for almost every panel in DevTools, packed with plenty of new surprises along the way.
We'll embark on an exciting expedition through each panel, from Elements to Console, Network to Performance, and beyond! Each stop on our tour will unveil practical, easy-to-apply techniques that'll turbocharge your workflow and help you solve even the most elusive web development mysteries. Whether you're a seasoned DevTools sorcerer or a budding apprentice, join us for this fun-filled adventure and prepare to conjure up some web development magic!
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 lunch session with our dear friends from Supernova and Storyblok. Supernova will delve into the integral role that custom properties play in maintaining and improving the ‘health’ of design systems, while Storyblok shows you how to unlocking the power of your content. Join them!
The Big Picture
One of the most important performance metrics we have for determining how quickly we get meaningful content onto the screen for our site's visitors is the Largest Contentful Paint. Improving this metric, as it turns out, goes hand in hand with understanding image loading — just under 75% of all Largest Contentful Paint’s are triggered by images or background images, and the way those images are loaded has a dramatic impact.
Let’s talk about how browsers load images today, common approaches that are slowing us down today, the techniques we have to make things faster and what we can do to make sure that we’re not just optimizing for a single browser engine along the way.
Things I Wish I Knew About Engineering Management
Have you ever wondered what managers do all day beyond attending meetings and writing emails? In this light-hearted talk, we'll be pulling back the curtain to explore the role and responsibilities of software engineering managers both within their teams and across the business.
We'll dive into how managers approach important aspects like project management, prioritization, and team growth. By gaining a better understanding of their perspective and learning how they think, you'll be equipped to build a strong, collaborative relationship with your own manager.
Photo Walk 📸
Bring a camera (film, digital, or smartphone) and join us for a fun photowalk along the waterfront, piers, and surrounding area. This is a great way to see a bit of the city and get to know other attendees.
Register your free ticket so we know you're coming