The F-Word podcast

1:00:06

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 specs Hosts Léonie Watson Bruce Lawson Vadim Makeev Leonie and TetraLogical Léonie’s blog Léonie on Mastodon Léonie on LinkedIn TetraLogical State of accessibility ARIA Authoring Practices Guide Screen readers JAWS NVDA VoiceOver AI-generated alts Thoughts on screen readers and image recognition Specs interoperability HTML: The search element Missing UI patterns Open UI State of ARIA specs ARIA in HTML…

1
View Transitions API, snarling cats, a new era at Shopify, and cake jokes 52:28

for 2 years siden52:28

52:28

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 jokes Hosts Jake Archibald Bruce Lawson Vadim Makeev Jake on socials Jake on Mastodon Jake on Twitter Jake’s blog Cats and View Transitions Missing cat thread on Twitter Smooth and simple transitions with the View Transitions API Design and inspiration Google I/O: Bringing page transitions to the web View Transitions API at WICG Browser support Can I use: View Transitions API Delightful UI Animations With Shared Element Transitions API Use cases and future proofing Adding a simple View Transition to an MPA Shopify and cake jokes Madeira cake recipe…

1
What the W3C TAG is, how standards are made, and why gray is darker than darkgray 56:26

for 2 years siden56:26

56:26

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 colors Hosts Lea Verou Bruce Lawson Vadim Makeev Lea’s hats in 19.3 seconds Lea on Mastodon Lea on Twitter Lea’s blog What is the W3C TAG W3C TAG CSSWG, TC39, and others CSSWG TC39 WHATWG, W3C, and WebDX WHATWG WebDX Community Group Family, SVG, and named colors Chris Lilley Color.js…

1
The Fugu project: priorities, Mozilla and Apple, support realms, Web vs native, and future plans 1:10:39

for 2 years siden1:10:39

1:10:39

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 plans Hosts Thomas Steiner Bruce Lawson Vadim Makeev Thomas and the Fugu project Thomas on Mastodon Thomas on Twitter Thomas’ blog Fugu landing page Partners and priorities Fugu API Showcase Blink Shipping Process Fugu Shipping Process Mozilla’s and Apple’s positions Mozilla Standards Positions WebKit Standards Positions IE legacy APIs Support realms Web Push for Web Apps on iOS and iPadOS BopPad by Keith McMillen Web vs native competition Capacitor SVGcode Fugu’s future plans Fugu API Tracker Isolated Web Apps Explainer…

1
Origins of Apple browser ban and hope for changes 41:57

for 2 years siden41:57

41:57

01:52 Origins or Apple browser ban 11:04 The reasons behind the ban 24:04 Browser engines preparations 31:38 Possibility of malicious compliance Hosts Alex Russell Bruce Lawson Vadim Makeev Links 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…

1
Is JavaScript a hazardous material to the user experience? 53:12

for 2 years siden53:12

53:12

00:00 Intro 01:16 Alex at Microsoft 13:39 Dojo history lesson 20:16 The case against React 36:24 Why companies choose React Hosts Alex Russell Bruce Lawson Vadim Makeev Links 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…

1
Does the iOS browser ban harm or help the web? 50:39

for 3 years siden50:39

50:39

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 future Hosts Stuart Langridge Bruce Lawson Vadim Makeev Links 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…

1
Theme-color and extensions in Safari 15, testing a11y in React Native, :has pseudo class 33:57

for 4 years siden33:57

33:57

01:12 Theme-color and extensions in Safari 15 14:24 Testing a11y in React Native app 24:40 You can :has pseudo class Hosts Bruce Lawson Vadim Makeev Theme-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 toolkit Testing a11y in React Native app Facebook roadmap to improve a11y Random Expo.io tips React Native to web You can :has pseudo class Can I :has() Meet :has, A Native CSS Parent Selector…

1
Susy and Sass, CSS Layers and CSS compatibility, Container Queries and CSSWG 45:49

for 4 years siden45:49

45:49

02:04 Susy and Sass 15:38 CSS Layers 22:46 CSS compatibility 33:44 Container Queries Hosts Miriam Suzanne Bruce Lawson Vadim Makeev Susy and Sass Susy Sass Modules Miriam’s website CSS Layers The famous tweet with 3 specs CSS Cascade Layers CSS compatibility Eric Meyer on The F-Word Container Queries Container Queries explainer Container Queries: a Quick Start Guide Polyfill for Container Queries CSS Scoping…

1
Igalia, what’s coming, CSS Nesting and Cascading Layers 43:14

for 4 years siden43:14

43:14

00:40 Eric in Igalia 07:50 What’s coming 22:54 CSS Nesting 34:34 Cascading Layers Hosts Eric Meyer Bruce Lawson Vadim Makeev Eric in Igalia First Day at Igalia Week One Igalia What’s coming Focus-visible in WebKit CSS Working Group Drafts CSS Nesting CSS Nesting Module (2020) CSS Nesting Module (2015) Chromium issue Cascading Layers CSS Cascading and Inheritance Level 5…

1
Safari extensions, cascading layers of CSS, what’s new in WCAG 3 29:23

for 4 years siden29:23

29:23

01:01 Safari extensions model 12:37 Cascading layers of CSS 20:07 What’s new in WCAG 3 Hosts Bruce Lawson Vadim Makeev Safari extensions model Safari 14 added WebExtensions support. So where are the extensions? Submitting and Distributing a Safari App Extension Cascading layers of CSS Cascade Layers, a Proposal CSS Cascading and Inheritance Level 5 What’s new in WCAG 3 WCAG 3 Introduction W3C Accessibility Guidelines (WCAG) 3.0…

1
Replacing UA strings with Client Hints as possible harm to the Web 27:31

for 4 years siden27:31

27:31

00:43 Browser detection 05:25 User Agent freeze 12:43 Possible consequences 21:08 A right to reply Hosts James Rosewell Bruce Lawson Browser detection 51Degrees A Browser Sniffing Warning: The Trouble With Acid3 and TinyMCE User 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-Agents Possible consequences Marketers for an Open Web response to the CMA’s investigation into Google’s Privacy Sandbox W3C TPAC Session on User-Agent A right to reply Why can’t supply chains be trusted on the web?…

1
We’re back, Chrome 88 beta, and The grand unification proposal 33:20

for 4 years siden33:20

33:20

00:34 We’re back 03:41 Chrome 88 beta 17:36 The grand unification Hosts Bruce Lawson Vadim Makeev We’re back YaTalks 2020 Chrome 88 beta Chrome 88 beta release notes Declarative Shadow DOM at Web.Dev Vadim’s Declarative Shadow DOM demo The 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…

1
Mozilla layoffs, modals and focus, AVIF, AdBlock Plus lawsuit 37:50

for 4 years siden37:50

37:50

00:58 Mozilla layoffs 11:38 Modals and focus 20:34 AVIF image format 29:14 AdBlock Plus lawsuit Hosts Bruce Lawson Vadim Makeev Mozilla layoffs Changing world, changing Mozilla The cult of the free must die Modals and focus Modal by Filament Group Modal from WAI-ARIA Authoring Practices Having an open dialog AVIF image format The new next-gen image compression format AVIF support in Chrome 85 Squoosh with AVIF support AdBlock Plus lawsuit Inside Axel Springer’s war with AdBlock Plus Ad Blocker Developer Summit…

1
Open Prioritization experiment, Igalia, MathML and the Web commons 37:44

for 5 years siden37:44