The F-Word
Bruce Lawson, Vadim Makeev
Subscribe
Frontend podcast by Bruce Lawson and Vadim Makeev about the magical and glamorous world of web standards, browsers and everything in between.
Available episodes
Newest first
Oldest first
Sep 7, 2023
State of Web accessibility, ARIA in HTML, and missing UI patterns
* 01:21 Leonie and TetraLogical
* 06:28 State of accessibility
* 13:34 Screen readers
* 19:38 AI-generated alts
* 27:33 Specs interoperability
* 38:22 Missing UI patterns
* 49:21 State of ARIA specsHosts
* Léonie Watson
* Bruce Lawson
* Vadim MakeevLeonie and TetraLogical
* Léonie’s blog
* Léonie on Mastodon
* Léonie on LinkedIn
* TetraLogicalState of accessibility
* ARIA Authoring Practices GuideScreen readers
* JAWS
* NVDA
* VoiceOverAI-generated alts
* Thoughts on screen readers and image recognitionSpecs interoperability
* HTML: The search elementMissing UI patterns
* Open UIState of ARIA specs
* ARIA in HTML
playlist_add
Aug 6, 2023
View Transitions API, snarling cats, a new era at Shopify, and cake jokes
* 01:32 Cats and View Transitions
* 10:28 Design and inspiration
* 21:43 Browser support
* 32:27 Use cases and future proofing
* 41:22 Shopify and cake jokesHosts
* Jake Archibald
* Bruce Lawson
* Vadim MakeevJake on socials
* Jake on Mastodon
* Jake on Twitter
* Jake’s blogCats and View Transitions
* Missing cat thread on Twitter
* Smooth and simple transitions with the View Transitions APIDesign and inspiration
* Google I/O: Bringing page transitions to the web
* View Transitions API at WICGBrowser support
* Can I use: View Transitions API
* Delightful UI Animations With Shared Element Transitions APIUse cases and future proofing
* Adding a simple View Transition to an MPAShopify and cake jokes
* Madeira cake recipe
playlist_add
Jul 3, 2023
What the W3C TAG is, how standards are made, and why gray is darker than darkgray
* 01:44 Lea’s hats in 19.3 seconds
* 11:16 What is the W3C TAG
* 24:05 CSSWG, TC39, and others
* 33:36 WHATWG, W3C, and WebDX
* 46:19 Family, SVG, and named colorsHosts
* Lea Verou
* Bruce Lawson
* Vadim MakeevLea’s hats in 19.3 seconds
* Lea on Mastodon
* Lea on Twitter
* Lea’s blogWhat is the W3C TAG
* W3C TAGCSSWG, TC39, and others
* CSSWG
* TC39WHATWG, W3C, and WebDX
* WHATWG
* WebDX Community GroupFamily, SVG, and named colors
* Chris Lilley
* Color.js
playlist_add
May 7, 2023
The Fugu project: priorities, Mozilla and Apple, support realms, Web vs native, and future plans
* 00:01:19 Thomas and the Fugu project
* 00:10:48 Partners and priorities
* 00:17:13 Mozilla’s and Apple’s positions
* 00:36:38 Support realms
* 00:50:59 Web vs native competition
* 01:02:46 Fugu’s future plansHosts
* Thomas Steiner
* Bruce Lawson
* Vadim MakeevThomas and the Fugu project
* Thomas on Mastodon
* Thomas on Twitter
* Thomas’ blog
* Fugu landing pagePartners and priorities
* Fugu API Showcase
* Blink Shipping Process
* Fugu Shipping ProcessMozilla’s and Apple’s positions
* Mozilla Standards Positions
* WebKit Standards Positions
* IE legacy APIsSupport realms
* Web Push for Web Apps on iOS and iPadOS
* BopPad by Keith McMillenWeb vs native competition
* Capacitor
* SVGcodeFugu’s future plans
* Fugu API Tracker
* Isolated Web Apps Explainer
playlist_add
Apr 3, 2023
Origins of Apple browser ban and hope for changes
* 01:52 Origins or Apple browser ban
* 11:04 The reasons behind the ban
* 24:04 Browser engines preparations
* 31:38 Possibility of malicious complianceHosts
* Alex Russell
* Bruce Lawson
* Vadim MakeevLinks
* Alex Russell on Mastodon
* Alex Russell on Twitter
* Checking out and building Chromium for iOS
* Safari 16.4 Is An Admission
* Browser Choice Must Matter
* Rectums in Apple Healthkit
playlist_add
Mar 26, 2023
Is JavaScript a hazardous material to the user experience?
* 00:00 Intro
* 01:16 Alex at Microsoft
* 13:39 Dojo history lesson
* 20:16 The case against React
* 36:24 Why companies choose ReactHosts
* Alex Russell
* Bruce Lawson
* Vadim MakeevLinks
* Alex Russell on Mastodon
* Alex Russell on Twitter
* What Does My Site Cost?
* The Market for Lemons
* The Performance Inequality Gap, 2023
* A Management Maturity Model for Performance
playlist_add
Oct 6, 2021
Does the iOS browser ban harm or help the web?
* 00:44 Browser choice on iOS
* 15:50 Why should we care?
* 24:51 What Apple’s doing?
* 33:06 Developers are disappointed
* 38:56 Next steps and possible futureHosts
* Stuart Langridge
* Bruce Lawson
* Vadim MakeevLinks
* Talking to the Competition and Markets Authority about Apple
* Browser choice on Apple’s iOS: privacy and security aspects
* Set Safari free!
* Briefing to the UK CMA on Apple’s iOS browser monopoly and PWA
* iOS Engine Choice In Depth by Alex Russel
playlist_add
Jun 24, 2021
Theme-color and extensions in Safari 15, testing a11y in React Native, :has pseudo class
* 01:12 Theme-color and extensions in Safari 15
* 14:24 Testing a11y in React Native app
* 24:40 You can :has pseudo classHosts
* Bruce Lawson
* Vadim MakeevTheme-color and extensions in Safari 15
* Safari 15 Beta Release Notes
* WebKit Features in Safari at WWDC21
* Design for Safari 15
* Meet Safari Web Extensions on iOS
* The web developer’s toolkitTesting a11y in React Native app
* Facebook roadmap to improve a11y
* Random Expo.io tips
* React Native to webYou can :has pseudo class
* Can I :has()
* Meet :has, A Native CSS Parent Selector
playlist_add
May 4, 2021
Susy and Sass, CSS Layers and CSS compatibility, Container Queries and CSSWG
* 02:04 Susy and Sass
* 15:38 CSS Layers
* 22:46 CSS compatibility
* 33:44 Container QueriesHosts
* Miriam Suzanne
* Bruce Lawson
* Vadim MakeevSusy and Sass
* Susy
* Sass Modules
* Miriam’s websiteCSS Layers
* The famous tweet with 3 specs
* CSS Cascade LayersCSS compatibility
* Eric Meyer on The F-WordContainer Queries
* Container Queries explainer
* Container Queries: a Quick Start Guide
* Polyfill for Container Queries
* CSS Scoping
playlist_add
Mar 14, 2021
Igalia, what’s coming, CSS Nesting and Cascading Layers
* 00:40 Eric in Igalia
* 07:50 What’s coming
* 22:54 CSS Nesting
* 34:34 Cascading LayersHosts
* Eric Meyer
* Bruce Lawson
* Vadim MakeevEric in Igalia
* First Day at Igalia
* Week One
* IgaliaWhat’s coming
* Focus-visible in WebKit
* CSS Working Group DraftsCSS Nesting
* CSS Nesting Module (2020)
* CSS Nesting Module (2015)
* Chromium issueCascading Layers
* CSS Cascading and Inheritance Level 5
playlist_add
Feb 18, 2021
Safari extensions, cascading layers of CSS, what’s new in WCAG 3
* 01:01 Safari extensions model
* 12:37 Cascading layers of CSS
* 20:07 What’s new in WCAG 3Hosts
* Bruce Lawson
* Vadim MakeevSafari extensions model
* Safari 14 added WebExtensions support. So where are the extensions?
* Submitting and Distributing a Safari App ExtensionCascading layers of CSS
* Cascade Layers, a Proposal
* CSS Cascading and Inheritance Level 5What’s new in WCAG 3
* WCAG 3 Introduction
* W3C Accessibility Guidelines (WCAG) 3.0
playlist_add
Jan 31, 2021
Replacing UA strings with Client Hints as possible harm to the Web
* 00:43 Browser detection
* 05:25 User Agent freeze
* 12:43 Possible consequences
* 21:08 A right to replyHosts
* James Rosewell
* Bruce LawsonBrowser detection
* 51Degrees
* A Browser Sniffing Warning: The Trouble With Acid3 and TinyMCEUser Agent freeze
* Intent to Deprecate and Freeze: The User-Agent string
* Building a privacy-first future for web advertising
* BBC coverage of CMA and User-AgentsPossible consequences
* Marketers for an Open Web response to the CMA’s investigation into Google’s Privacy Sandbox
* W3C TPAC Session on User-AgentA right to reply
* Why can’t supply chains be trusted on the web?
playlist_add
Dec 14, 2020
We’re back, Chrome 88 beta, and The grand unification proposal
* 00:34 We’re back
* 03:41 Chrome 88 beta
* 17:36 The grand unificationHosts
* Bruce Lawson
* Vadim MakeevWe’re back
* YaTalks 2020Chrome 88 beta
* Chrome 88 beta release notes
* Declarative Shadow DOM at Web.Dev
* Vadim’s Declarative Shadow DOM demoThe grand unification
* The Grand Unification Proposal (CSSWG)
* The Grand Unification of Web Technologies (full version)
* Why it’s good for users that HTML, CSS and JS are separate languages
playlist_add
Sep 10, 2020
Mozilla layoffs, modals and focus, AVIF, AdBlock Plus lawsuit
* 00:58 Mozilla layoffs
* 11:38 Modals and focus
* 20:34 AVIF image format
* 29:14 AdBlock Plus lawsuitHosts
* Bruce Lawson
* Vadim MakeevMozilla layoffs
* Changing world, changing Mozilla
* The cult of the free must dieModals and focus
* Modal by Filament Group
* Modal from WAI-ARIA Authoring Practices
* Having an open dialogAVIF image format
* The new next-gen image compression format
* AVIF support in Chrome 85
* Squoosh with AVIF supportAdBlock Plus lawsuit
* Inside Axel Springer’s war with AdBlock Plus
* Ad Blocker Developer Summit
playlist_add
Jul 23, 2020
Open Prioritization experiment, Igalia, MathML and the Web commons
* 00:56 Brian and Igalia
* 05:42 Features overview
* 16:27 Why devs should pay
* 24:07 JavaScript and other ideas
* 28:25 MathML and corporate supportHosts
* Brian Kardell
* Bruce Lawson
* Vadim MakeevBrian and Igalia
* Open prioritization and advocacy
* Crowdfunding Web platform features with Open Prioritization
* Contributions to Web platform interoperabilityFeatures overview
* Implementing selector list argument of :not() in Chrome
* Open Prioritization and CSS Containment
* Igalia’s contribution to the Mozilla project and Open Prioritization
* Unlocking ColorsWhy devs should pay
* Picture element implementation in BlinkJavaScript and other ideas
* Compilers and programming languages
* TC39MathML and corporate support
* MathML in Chromium
playlist_add
Jun 29, 2020
Apple vs. EU, form slappers, where’s Houdini, browser bugs and Web compat
* 01:20 Apple vs. EU
* 17:03 News for form slappers
* 28:51 Where’s Houdini
* 39:12 Browser bugs and Web compatHosts
* Bruce Lawson
* Vadim MakeevApple vs. EU
* Commission opens investigations into Apple’s App Store rules
* EU’s Apple suit bares tech’s global antitrust threat
* Apple threatens to move Basecamp’s new email app to trashNews for form slappers
* The form attribute
* Form design patterns
* HTML5 AccessibilityWhere’s Houdini
* CSS Houdini
* Is Houdini ready yet‽
* CSS Canvas DrawingBrowser bugs and Web compat
* How to file a good browser bug
* Web Compat
playlist_add
May 24, 2020
Web site resilience, HTML nesting rules, masonry layout, Web We Want
* 00:57 Resilience in the time of COVID
* 13:15 HTML nesting rules
* 25:30 Masonry layout
* 32:15 Web We WantHosts
* Bruce Lawson
* Vadim MakeevResilience in the time of COVID
* Looking at coronavirus.data.gov.uk
* Hammer and nails
* Web Sites as ‘Public Accommodation’ under a Pandemic
* Ensure your website is available and usable for everyone during COVID-19HTML nesting rules
* HTML living standard
* Can I IncludeMasonry layout
* Does masonry belong in the CSS Grid specification?
* Masonry layout proposal to CSSWG
* Dev.OperaWeb We Want
* The Web We Want survey results
playlist_add
Apr 26, 2020
Chrome 81, Firefox 75, gaps in Safari, webdev glossary, a11y for designers
* 01:46 Chrome 81: badging, MIDI, Fugu
* 07:27 Firefox 75: lazy loading, clamp
* 13:36 The future of HTML forms
* 25:41 Gaps in Safari release notes
* 29:56 Webdev glossary, a11y for designersHosts
* Bruce Lawson
* Vadim MakeevChrome 81: badging, MIDI, Fugu
* New in Chrome 81
* BopPad by Keith McMillenFirefox 75: lazy loading, clamp
* Firefox 75: Ambitions for AprilThe future of HTML forms
* HTML isn’t done! by Nicole Sullivan, Greg Whitworth
* Can we please style the <select> control?! by Greg Whitworth
* Having an open dialog by Scott O’Hara
* Polyfill for :focus-visible by Rob DodsonGaps in Safari release notes
* Can I use: Gap in Grid Layout
* WebKit: Rename gutter properties to remove "grid-" prefix
* Safari release notesWebdev glossary, a11y for designers
* My new book covering about 2,000 key terms for developers by Jens Meiert
* Accessibility for UX designers by Frozen Rockets
playlist_add
Apr 1, 2020
Npm and GitHub, closing HTML tags, disappearing User-Agent, Safari vs PWA
* 02:02 Npm and GitHub
* 08:39 Closing HTML tags
* 19:19 Disappearing User-Agent
* 27:36 Safari vs PWAHosts
* Bruce Lawson
* Vadim MakeevNpm and GitHub
* Npm is joining GitHub, Nat Friedman
* The economics of open source, C J Silverio
* The Entropic Package ManagerClosing HTML tags
* Stop using closing tags for the HTML elements, Tab Atkins
* HTML Living Standard: Optional Tags
* The future of loading CSS, Jake ArchibaldDisappearing User-Agent
* My findings after browsing the web without a UA header for one week, Šime VidasSafari vs PWA
* Full Third-Party Cookie Blocking and More, John Wilander
* Apple just killed Offline Web Apps, Aral Balkan
* Apple’s attack on service workers, Jeremy Keith
playlist_add