The F-Word: Recent Episodes
Bruce Lawson, Vadim Makeev
- 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
- 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
- 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
- 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
- 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
- 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
- 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* Bruce Lawson * Vadim Makeev * Stuart Langridge
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
- 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
- 02:04 Susy and Sass
- 15:38 CSS Layers
- 22:46 CSS compatibility
- 33:44 Container Queries
Hosts* Bruce Lawson * Vadim Makeev * Miriam Suzanne
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
- 00:40 Eric in Igalia
- 07:50 What’s coming
- 22:54 CSS Nesting
- 34:34 Cascading Layers
Hosts* Bruce Lawson * Vadim Makeev * Eric Meyer
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
- 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
- 00:43 Browser detection
- 05:25 User Agent freeze
- 12:43 Possible consequences
- 21:08 A right to reply
Hosts* Bruce Lawson * James Rosewell
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?
- 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
- 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
- 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 support
Hosts* Bruce Lawson * Vadim Makeev * Brian Kardell
Brian and Igalia* Open prioritization and advocacy * Crowdfunding Web platform features with Open Prioritization * Contributions to Web platform interoperability
Features 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 Colors
Why devs should pay* Picture element implementation in Blink
JavaScript and other ideas* Compilers and programming languages * TC39
MathML and corporate support* MathML in Chromium
- 01:20 Apple vs. EU
- 17:03 News for form slappers
- 28:51 Where’s Houdini
- 39:12 Browser bugs and Web compat
Hosts* Bruce Lawson * Vadim Makeev
Apple 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 trash
News for form slappers* The form attribute * Form design patterns * HTML5 Accessibility
Where’s Houdini* CSS Houdini * Is Houdini ready yet‽ * CSS Canvas Drawing
Browser bugs and Web compat* How to file a good browser bug * Web Compat
- 00:57 Resilience in the time of COVID
- 13:15 HTML nesting rules
- 25:30 Masonry layout
- 32:15 Web We Want
Hosts* Bruce Lawson * Vadim Makeev
Resilience 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-19
HTML nesting rules* HTML living standard * Can I Include
Masonry layout* Does masonry belong in the CSS Grid specification? * Masonry layout proposal to CSSWG * Dev.Opera
Web We Want* The Web We Want survey results
- 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 designers
Hosts* Bruce Lawson * Vadim Makeev
Chrome 81: badging, MIDI, Fugu* New in Chrome 81 * BopPad by Keith McMillen
Firefox 75: lazy loading, clamp* Firefox 75: Ambitions for April
The 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 Dodson
Gaps in Safari release notes* Can I use: Gap in Grid Layout * WebKit: Rename gutter properties to remove "grid-" prefix * Safari release notes
Webdev 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
- 02:02 Npm and GitHub
- 08:39 Closing HTML tags
- 19:19 Disappearing User-Agent
- 27:36 Safari vs PWA
Hosts* Bruce Lawson * Vadim Makeev
Npm and GitHub* Npm is joining GitHub, Nat Friedman * The economics of open source, C J Silverio * The Entropic Package Manager
Closing HTML tags* Stop using closing tags for the HTML elements, Tab Atkins * HTML Living Standard: Optional Tags * The future of loading CSS, Jake Archibald
Disappearing User-Agent* My findings after browsing the web without a UA header for one week, Šime Vidas
Safari 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