In Freiburg, I attended SmashingConf — two days of conferences plus an additional workshop day. The conference takes place in the heart of the old town. Among other things, this means short distances, a relaxed atmosphere, and plenty of opportunities to strike up conversations. In terms of content, I focused on three main areas: CSS innovations, refactoring, and accessibility. At the end, I attended a workshop on web animation with GSAP.
The Conference Days: Compact, Practical, To the Point
The talks were pleasantly down-to-earth, with their focus being less on marketing and more on practical everyday relevance.
CSS Innovations
It was exciting to see how layouts can be designed much more flexibly today. Instead of rigid breakpoints, the focus was often on building components that adapt to the available space and work in different contexts. Cleaning up styles — clear layers, comprehensible rules — was also a recurring theme. My feeling: modern CSS possibilities relieve us of many old pains when used consciously and in moderation.
Refactoring without Drama
Many presentations encouraged us to gradually improve existing front ends. The core ideas were: don’t aim for a big breakthrough, but rather take small, continuous steps, create a comprehensible structure that everyone can support, and achieve visible successes that you can showcase. I particularly liked how realistically the speakers talked about compromises — for example, how to run the old and new systems side by side for a while without overwhelming the team.
Accessibility as a Quality Factor
A11y wasn’t an extra, but part of the discussions. Small, consistent decisions — easily readable colors, clear focus guidance, and understandable texts — make a huge difference. The importance of real-life usage scenarios was emphasized repeatedly: Can I operate everything using the keyboard? Is the status of forms communicated clearly? How does the site feel for people who want to reduce animations? These questions came up repeatedly in the sessions.
Workshop Day: Web Animation with GSAP
The workshop day focused on practical, meaningful animations on the web. Instead of “bling bling,” the focus was on orientation and feedback: How can I use movement to help users understand what is happening more quickly? I learned to structure processes clearly (no scattered individual effects, but planned sequences) and to use effects sparingly. Consideration was also an important topic: those who prefer less movement should still have a good experience. Technically, GSAP was the tool of choice—particularly valuable to me because it makes complex processes orderly and maintainable.
Conversations and Atmosphere
One of the big advantages of SmashingConf is the community. The single-track format means that everyone experiences the conference together: you talk about the same presentations, quickly make contacts, and simply continue your conversations during the next break. Freiburg itself does the rest — old town, short distances, lots of green space. I took away ideas, but also specific tips on how other teams tackle similar challenges.
My personal takeaway:
- Think more flexibly about layouts: Build components so that they work in different sizes and environments—fewer special cases, more reusability.
- Tidy up in small steps: A clear structure for our styles, common rules, and regularly visible progress instead of a “big bang.”
- Plan for accessibility: Focus guidance, meaningful texts, understandable error messages, and good contrasts—think about these things from the start.
- Use animations selectively: Movement for orientation and feedback; short, precise transitions instead of continuous fire.
- Learn together: Share insights, start small experiments, and get feedback from the team before we make large-scale changes.
Personal Conclusion
SmashingConf was a very rewarding training experience for me. I’m returning with a clear, actionable list: make front ends clearer, more accessible, and livelier in the right places—without overburdening the team. The mix of practical examples, honest insights, and a workshop where you can try things out directly was exactly what I had hoped for.
Photo: Ilona Frey from unsplash.com