SmashingConf Live 2020
| title | author | length |
|---|---|---|
| Design System Pitfalls & How to Escape Them | Dan Mall | 01h 03m |
Design systems are built by extracting components from real product work not by guessing UI kits alone; a lightweight audit finds 8 categories and shows team… | ||
| Moving Pictures | Henri Helvetica | 01h 11m |
A rapid survey of formats and tradeoffs: shows images on pages average about 1 MB on mobile while 17 shared pictures totaled 64 MB (3.75 MB each), and Netflix… | ||
| Panel on Privacy | Heather Burns, Trine Falbe | 31m |
Discussion focuses on real decisions around contact tracing apps (centralized vs decentralized), mandatory apps tied to services, and a concrete risk… | ||
| Shop Talk Show Live | Chris Coyier, Dave Rupert | 44m |
Conversation covers concrete tradeoffs: design systems as a component inventory that accepts one-offs rather than a 0%/100% rule, Jamstack SSG build-time… | ||
| Remote Working | Aaron Walter, Vitaly Friedman | 53m |
Practical setup tips and concrete routines: use a Sony ZV1 or even a DSLR with a Cam Link plus ring light and a decent mic (Electro-Voice, Shure SM7B, Rode NTG… | ||
| Diversity Panel | Christian Nwamba | 50m |
Casual conversation that lands on concrete things: personal last-name stories and cultural food differences between Nigeria and Kenya, why Afrobeats and music… | ||
| Fireside Chat Pricing and Estimation | Dan Mall | 26m |
Advocates pricing outcomes instead of hours: find the client’s break‑even and charge a portion of that value, e.g. a lawn‑care site where $100 fee aims to… | ||
| Git | Shane Hudson | 32m |
Argues that fixing tiny Git annoyances yields big time savings and shows concrete fixes: use git - as a variable for the previous branch to flip between work… | ||
| CSS Custom Properties | Michelle Barker | 37m |
Shows how CSS custom properties act as live, updatable variables used for theming, layout and animation: implements dark mode by redefining five root variables… | ||
| Coming Soon to CSS | Rachel Andrew | 36m |
Latest CSS features and browser status: gap works for flex layouts with flexbox gap in Chrome and Firefox while Safari still lags and @supports can’t detect… | ||
| Live Emoji Challenge | Yiying Lu | 47m |
Live session shows the creation and rollout story of a dumpling emoji: designed in Adobe Illustrator, launched via a Kickstarter to raise awareness, submitted… | ||
| SEO Cocktail Hour | Martin Splitt | 01h 12m |
Google indexes JavaScript by rendering pages with an headless Chrome rendering pipeline (the Puppeteer work owes part of its shape to that), so server… | ||
| WebAssembly for Front End Devs | Vlad Filippov | 32m |
Demo replaces a slow JS 2x-hash with a Rust-compiled WASM module using wasm-pack and a webpack wasm plugin, cutting a >2s operation to ~200ms. Moving that… | ||
| Live UX Audit | Paul Boag | 01h 14m |
Live UX audits of real sites reveal actionable fixes: background videos using YouTube produce a YouTube controls overlay that hides navigation and ruins… | ||
| Stop Relying on Referrals | Paul Boag | 36m |
Argues that referrals are unreliable and recommends building a lightweight sales funnel instead: targeted attention (SEO, speaking, guest posts), a landing… | ||
| Visualizing Connections | Nadieh Bremer | 01h 07m |
Explores concrete builds and lessons: interactive browser visuals using D3.js, star maps built from Stellarium (28 cultures) with vector math for parallel… | ||
| Just Do Less | Guillermo Rauch | 01h 14m |
Argues for removing runtime JS and running work at build time using Next.js and Vercel: moves pages from SSR to SSG, pushes HTML to the CDN edge, and uses… | ||
| Only One Deliverable Matters | Josh Clark | 01h 06m |
Argues that only the shipped product matters and shows concrete alternatives: using a plain-text spreadsheet wireframe (O’Reilly/Railway Media example) to… | ||
| CSS is Rad | Miriam E Suzanne | 01h 11m |
Argues CSS is built for resilient, contextual design: browsers ignore unknown rules so authors should write layered fallbacks rather than chase pixel parity… | ||
| 3 Things I Learnt From Tinkering | Dina Amin | 01h 04m |
Started a weekly project tinker friday in 2016, dismantles everyday products, tapes a phone to a table and shoots stop‑motion — first film uses about 500… | ||
| nothing matches | ||