Vitaly Friedman
where else to find them
website:https://www.smashingmagazine.com
github:vitalyfriedman
bluesky:vitalyf.bsky.social
mastodon:
x:vitalyf
linkedin:vitalyfriedman
instagram:liebefonts
what they talk about
all 13 in the filters
where they keep going back
- Nordic.js4 editions2016–2025
- You Gotta Love Frontend3 editions2016–2019
- Build Stuff2 editions2017–2021
all 27 in the filters
on a stage with
- Aaron Walteronce
- Jim Kalbachonce
who talks about the same things
- Stefan Judis23 talks
- Bruce Lawson30 talks
- Kyle Simpson24 talks
- Christian Heilmann58 talks
- Jeremy Keith27 talks
- Stephen Hay10 talks
| title | conference | date |
|---|---|---|
| Design Patterns For AI Interfaces | Nordic.js 2025 | 2025-10-02 |
Shows concrete wins and failures: chat UIs feel slow (25–35s replies) and prompts take 40s–2m to craft, so designers build Sidekick guides by screen and… | ||
| Inclusive Design Patterns: From Gen-Z To to Aging Audiences | beyond tellerrand Düsseldorf 2025 | 2025-05-05 |
Argues accessibility is not a checklist but engineering and mapping messy reality into solutions — cites consolidating 130 sites into one for the European… | ||
| Inclusive Design Patterns For 2025 | axe-con 2025 | 2025-02-25 |
Accessible design means specific rules not slogans: the European Accessibility Act and real users push testable patterns — 300 million people with color… | ||
| Design KPIs: How To Measure UX And Show Impact of Design | border:none 2023 | 2023-10-26 |
Claim: vague business goals become measurable design KPIs that link to revenue and retention. Tools include Design KPI trees, SUS, a Task Performance Indicator… | ||
| Boosting Web Performance in 2022 | Nordic.js 2022 | 2022-10-06 |
Shows measurable wins: migrating images to AVIF and WebP and exporting lower-quality AVIF yields big bytes savings (examples ~70KB), adopting decoding=async… | ||
| Frustrating Design Patterns in 2021, And How To Fix Them | Build Stuff 2021 | 2021-11-17 |
Common frustrating patterns and concrete fixes: carousels consume attention with 85% see only slide 1 so replace dots with labeled thumbnails, pause… | ||
| Fixing Frustrating Design Patterns in 2021 | Amuse Conference 2021 | 2021-10-05 |
Surveying dozens of usability tests and interviews reveals concrete fixes: a birthday picker that previously takes 53 seconds to use, carousels where slides… | ||
| Designing in a post pandemic world | Amuse Conference 2021 | 2021-10-05 |
Prediction: hybrid work stays; companies pick their own on-site overlap and remote tools become standard. Practical wins: remote usability testing scales to… | ||
| New Adventures in Front-End, 2021 Edition | Infobip Shift 2021 | 2021-09-07 |
Argues that modern front-end complexity comes from device and network fragmentation: low-end phones like moto g4 behave 20–40× slower than modern iPhones… | ||
| Remote Working | SmashingConf Live 2020 | 2020-08-20 |
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… | ||
| The Bright Future of Web Performance | performance.now() 2019 | 2019-11-21 |
Conference survey anchors on measurable gaps: JavaScript transfer grows 611% since 2011 while third‑party weight jumps 706%, many low‑end phones run 12–15×… | ||
| Bringing Personality Back To The Web | Nordic.design 2019 | 2019-10-24 |
Argues that small deliberate oddities beat bland consistency: shows A/B pixel nudges on nav bars, Facebook-style one-pixel moves, and large firms doing… | ||
| Designing and Building With Privacy In Mind | Nordic.js 2019 | 2019-10-10 |
Makes the concrete claim that privacy must be proactive and available by default, shows how cookie walls and deceptive defaults violate GDPR, and demonstrates… | ||
| Privacy UX | RS Conf 2019 | 2019-08-09 |
Shows concrete failures and fixes: only 5% of the top 5,000 sites give a visible “decline” for cookies, ad blockers and privacy extensions are mainstream, and… | ||
| Smart responsive interface design patterns | Frontend United 2019 | 2019-05-16 |
Microscopic examples and tests decide what works: thumb reach studies show six postures and an average finger target of 11 mm so off-center taps and missed… | ||
| The Shady Secrets From The Dark Corners of Web Interfaces | You Gotta Love Frontend 2019 | 2019-05-16 |
Argues that personality must be concrete: show the exact change, measurement and cost. Cites MailChimp’s small animated moment that increases loyalty… | ||
| New Adventures In Responsive Web Design | Cold Front 2018 | 2018-11-13 |
A fast run of practical decisions: art‑direction techniques that add friction to increase engagement, concrete layout patterns for accordions (tests show icon… | ||
| New Adventures in Front-End | Smashing Conference New York 2018 | 2018-10-23 |
“The beast is alive! How do you feel about ASCII-alike CSS Grid layout with polyfluid sizing and ch unit? Do you feel itchy when it comes to building… | ||
| New Adventures In Front-End, Season 2 | Frontend Conference Zurich 2018 | 2018-08-30 |
The beast is alive! How do you feel about ASCII-alike CSS Grid layout with polyfluid sizing and ch unit? Do you feel itchy when it comes to building responsive… | ||
| Dirty Little Tricks From The Dark Corners of eCommerce | CSS Day + UX Special 2018 | 2018-06-14 |
Average abandonment sits around 65–70% and the claim is that straightforward UX tweaks shave off at least 10%; testing uses session recordings and slow‑motion… | ||
| Keynote. New Adventures in Front-End, Season 2 | You Gotta Love Frontend Conference 2018 | 2018-05-24 |
755 rapid slides claim concrete wins and weird hacks: images are 5.4 MB on average with 70% images so techniques include CSS filters to strip contrast, tuned… | ||
| New Adventures in Responsive Web Design | Beyond Tellerrand Munich 2018 | 2018-01-15 |
Practical checklist of what actually changed: enable Brotli + gzip fallback for HTML/CSS/JS and precompress static assets on the CDN; use responsive images… | ||
| New Adventures in Responsive Web Design | HolyJS 2017 | 2017-12-10 |
Practical front-end performance tactics: adopt HTTP/2 push and Brotli/Zopfli compression to reduce text payloads, lazily load and serve responsive images to… | ||
| Big Bang Redesign" Smashing Magazine's 2017 Relaunch, a Case Study" | HolyJS 2017 | 2017-12-10 |
With HTTP/2, Service Workers, Responsive Images, Flexbox, SVG and Font Loading API now available in browsers, we all are still trying to figure out just the… | ||
| Big Bang Redesign Smashing Magazine’s 2017 Relaunch, a Case Study | Build Stuff 2017 | 2017-11-15 |
Eighteen months of work replaces a multi-platform LAMP mess with a static prebuild with Hugo served from a CDN, plus JavaScript APIs and service workers to… | ||
| Big Bang Redesign: Smashing Magazine’s 2017 Relaunch, a Case Study | You Gotta Love Frontend 2017 | 2017-10-30 |
Big bang rewrite moves Smashing off WordPress to a JAM Stack with a GitHub editorial workflow, built a CMS, comments, ecommerce, job board and a membership… | ||
| A Little Story About A Big Bang Redesign | Mirror Conf 2017 | 2017-10-12 |
Smashing Magazine abandons WordPress for a JAMstack + GitHub workflow, prebuilding markdown into static HTML served from CDN and using microservice APIs for… | ||
| Big Bang Redesign: Smashing Magazine’s 2017 Relaunch, a Case Study | Web Unleashed 2017 | 2017-09-25 |
Smashing Magazine moves off WordPress to a JAM Stack with a GitHub editorial workflow, Hugo + webpack, and serverless deployment to CDN, using HTTP/2 and… | ||
| Pre-keynote - New Adventures in Responsive Web Design | Frontend United 2017 | 2017-05-26 |
With HTTP/2, Service Workers, Responsive Images, Flexbox, SVG and Font Loading API now available in browsers, we all are still trying to figure out just the… | ||
| Big Bang Redesign: Smashing Magazine’s 2017 Relaunch | Front-Trends 2017 | 2017-05-24 |
Smashing Magazine migrates from WordPress to a GitHub-based JAM Stack editorial workflow, a static-site build that removes the database and yields dramatic… | ||
| New Adventures in Responsive Web Design | FITC Toronto 2017 | 2017-04-23 |
With HTTP/2, Service Workers, Responsive Images, Flexbox, SVG and Font Loading API now available in browsers, we all are still trying to figure out just the… | ||
| Dirty Little Tricks From The Dark Corners Of Front-End | Web Unleashed 2016 | 2016-10-03 |
Shows concrete hacks and whether they actually work: a calc-based fluid type formula that hits 16px at 400px and 24px at 800px without media queries; a… | ||
| SmartWeb 2016 - Vitaly Friedman | SmartWeb 2016 | 2016-09-20 |
Practical CSS recipes and email hacks that actually work: a calc formula to get 16→24px between 400–800px without media queries and matching fluid line-height… | ||
| Cutting-Edge Responsive Web Design | Nordic.js 2016 | 2016-09-08 |
Shows exact hacks and results: using a custom emoji font to force consistent glyphs across platforms, a CSS pseudo-element trick that highlights both table row… | ||
| Dirty little front-end tricks | JSConf Iceland 2016 | 2016-08-25 |
Concrete hacks and results: using the object tag to nest links and embed SVGs so inline links survive and SVGs stay styleable; applying ::before/::after on img… | ||
| Cutting-Edge Responsive Web Design | You Gotta Love Frontend 2016 | 2016-06-27 |
Lists concrete hacks and measurable outcomes: demonstrates an object tag workaround for nested links, a CSS trick using ::before/::after to style broken… | ||
| Real-Life Responsive Web Design | ColdFront Conference 2015 | 2015-09-03 |
Prioritize concrete solutions: replace multi‑field forms with one input field for credit cards, prefer radios/sliders and inline autocomplete, and use ZIP… | ||
| nothing matches | ||