SmashingConf Freiburg 2022
2022-09-05..2022-09-07
Freiburg, Germany
[SmashingConf Freiburg 2022, SmashingConf Freiburg 2023, SmashingConf Freiburg 2024]
| title | author | length |
|---|---|---|
| Components: Big, Small, or Do 'em All? | Nathan Curtis | 44m |
Design systems need rules: build only what a majority uses, or enable teams to compose. Large systems vary — Carbon has 39 components, Salesforce 85; Atlassian… | ||
| Modern CSS Layout | Michelle Barker | 52m |
Overview of concrete techniques and what actually works now: use one-line aspect-ratio plus object-fit to avoid padding hacks, build responsive grids with grid… | ||
| React 18 Concurrency, Explained | Ivan Akulov | 44m |
Chrome DevTools profiling shows a blocking re-render as a single 600ms JavaScript task that freezes the UI; switching a filter update to a non-urgent update… | ||
| Be the Browser's Mentor, not its Micromanager | Andy Bell | 43m |
A method that swaps heavy frameworks for progressive enhancement claims to cut CSS while giving truly responsive results: fluid typography via clamp and a 1.25… | ||
| You've set a Net zero Climate Target, Now What?!? | Asim Hussain | 47m |
Sets a clear net‑zero definition: science‑based net zero means ~90% elimination and ~10% permanent removal, not offsets. Gives measurable formula components —… | ||
| Making by Breaking | Dina Amin | 49m |
A maker turns everyday junk into stop-motion assemblies, claiming that you can start with a taped phone and a slideshow app and learn frame rates as you go… | ||
| Get Your Head Straight | Harry Roberts | 55m |
HTML is parsed line by line so anything in the head blocks render; the head becomes the single biggest render‑blocking part of a page. A real demo starts at… | ||
| Shining the Light on HTML Email Dark Modes | Rémi Parmentier | 41m |
Maintains canIemail.com and shows five practical fixes: always test (use parser.io and Firefox devtools), prefer transparent images or add invisible outlines… | ||
| You have a Design System. Now What? | Ben Callahan | 43m |
Claims that a design system alone makes products consistent are false; culture does the work. Uses Schein's three layers and the Competing Values Framework to… | ||
| Digging into Virtual Scrolling | Tejas Kumar | 47m |
Builds a virtualized table in Next.js/React that keeps only ~20 DOM rows and swaps them on scroll by computing how many rows passed via row height math (uses… | ||
| Designing with Words | Sophie Tahran | 43m |
Defines content design as a pre-launch design practice that lives in Figma and across teams, not just “writing,” and shows a concrete workflow: research → word… | ||
| Lost in Translation | Manuel Matuzović | 57m |
Claim that most accessibility problems come from bad HTML supported by WebAIM 1 Million data showing low contrast on 83.9%, missing alt on 55.4%, labels on… | ||
| nothing matches | ||