The F-Word
The F-Word
Bruce Lawson, Vadim Makeev
Frontend podcast by Bruce Lawson and Vadim Makeev about the magical and glamorous world of web standards, browsers and everything in between.
State of Web accessibility, ARIA in HTML, and missing UI patterns
01:21 Leonie and TetraLogical06:28 State of accessibility13:34 Screen readers19:38 AI-generated alts27:33 Specs interoperability38:22 Missing UI patterns49:21 State of ARIA specsHostsLéonie WatsonBruce LawsonVadim MakeevLeonie and TetraLogicalLéonie’s blogLéonie on MastodonLéonie on LinkedInTetraLogicalState of accessibilityARIA Authoring Practices GuideScreen readersJAWSNVDAVoiceOverAI-generated altsThoughts on screen readers and image recognitionSpecs interoperabilityHTML: The search elementMissing UI patternsOpen UIState of ARIA specsARIA in HTML
Sep 8, 2023
59 min
View Transitions API, snarling cats, a new era at Shopify, and cake jokes
01:32 Cats and View Transitions10:28 Design and inspiration21:43 Browser support32:27 Use cases and future proofing41:22 Shopify and cake jokesHostsJake ArchibaldBruce LawsonVadim MakeevJake on socialsJake on MastodonJake on TwitterJake’s blogCats and View TransitionsMissing cat thread on TwitterSmooth and simple transitions with the View Transitions APIDesign and inspirationGoogle I/O: Bringing page transitions to the webView Transitions API at WICGBrowser supportCan I use: View Transitions APIDelightful UI Animations With Shared Element Transitions APIUse cases and future proofingAdding a simple View Transition to an MPAShopify and cake jokesMadeira cake recipe
Aug 7, 2023
52 min
What the W3C TAG is, how standards are made, and why gray is darker than darkgray
01:44 Lea’s hats in 19.3 seconds11:16 What is the W3C TAG24:05 CSSWG, TC39, and others33:36 WHATWG, W3C, and WebDX46:19 Family, SVG, and named colorsHostsLea VerouBruce LawsonVadim MakeevLea’s hats in 19.3 secondsLea on MastodonLea on TwitterLea’s blogWhat is the W3C TAGW3C TAGCSSWG, TC39, and othersCSSWGTC39WHATWG, W3C, and WebDXWHATWGWebDX Community GroupFamily, SVG, and named colorsChris LilleyColor.js
Jul 4, 2023
56 min
The Fugu project: priorities, Mozilla and Apple, support realms, Web vs native, and future plans
00:01:19 Thomas and the Fugu project00:10:48 Partners and priorities00:17:13 Mozilla’s and Apple’s positions00:36:38 Support realms00:50:59 Web vs native competition01:02:46 Fugu’s future plansHostsThomas SteinerBruce LawsonVadim MakeevThomas and the Fugu projectThomas on MastodonThomas on TwitterThomas’ blogFugu landing pagePartners and prioritiesFugu API ShowcaseBlink Shipping ProcessFugu Shipping ProcessMozilla’s and Apple’s positionsMozilla Standards PositionsWebKit Standards PositionsIE legacy APIsSupport realmsWeb Push for Web Apps on iOS and iPadOSBopPad by Keith McMillenWeb vs native competitionCapacitorSVGcodeFugu’s future plansFugu API TrackerIsolated Web Apps Explainer
May 8, 2023
1 hr 10 min
Origins of Apple browser ban and hope for changes
01:52 Origins or Apple browser ban11:04 The reasons behind the ban24:04 Browser engines preparations31:38 Possibility of malicious complianceHostsAlex RussellBruce LawsonVadim MakeevLinksAlex Russell on MastodonAlex Russell on TwitterChecking out and building Chromium for iOSSafari 16.4 Is An AdmissionBrowser Choice Must MatterRectums in Apple Healthkit
Apr 4, 2023
41 min
Is JavaScript a hazardous material to the user experience?
00:00 Intro01:16 Alex at Microsoft13:39 Dojo history lesson20:16 The case against React36:24 Why companies choose ReactHostsAlex RussellBruce LawsonVadim MakeevLinksAlex Russell on MastodonAlex Russell on TwitterWhat Does My Site Cost?The Market for LemonsThe Performance Inequality Gap, 2023A Management Maturity Model for Performance
Mar 27, 2023
53 min
Does the iOS browser ban harm or help the web?
00:44 Browser choice on iOS15:50 Why should we care?24:51 What Apple’s doing?33:06 Developers are disappointed38:56 Next steps and possible futureHostsStuart LangridgeBruce LawsonVadim MakeevLinksTalking to the Competition and Markets Authority about AppleBrowser choice on Apple’s iOS: privacy and security aspectsSet Safari free!Briefing to the UK CMA on Apple’s iOS browser monopoly and PWAiOS Engine Choice In Depth by Alex Russel
Oct 7, 2021
50 min
Theme-color and extensions in Safari 15, testing a11y in React Native, :has pseudo class
01:12 Theme-color and extensions in Safari 1514:24 Testing a11y in React Native app24:40 You can :has pseudo classHostsBruce LawsonVadim MakeevTheme-color and extensions in Safari 15Safari 15 Beta Release NotesWebKit Features in Safari at WWDC21Design for Safari 15Meet Safari Web Extensions on iOSThe web developer’s toolkitTesting a11y in React Native appFacebook roadmap to improve a11yRandom Expo.io tipsReact Native to webYou can :has pseudo classCan I :has()Meet :has, A Native CSS Parent Selector
Jun 25, 2021
33 min
Susy and Sass, CSS Layers and CSS compatibility, Container Queries and CSSWG
02:04 Susy and Sass15:38 CSS Layers22:46 CSS compatibility33:44 Container QueriesHostsMiriam SuzanneBruce LawsonVadim MakeevSusy and SassSusySass ModulesMiriam’s websiteCSS LayersThe famous tweet with 3 specsCSS Cascade LayersCSS compatibilityEric Meyer on The F-WordContainer QueriesContainer Queries explainerContainer Queries: a Quick Start GuidePolyfill for Container QueriesCSS Scoping
May 5, 2021
45 min
Igalia, what’s coming, CSS Nesting and Cascading Layers
00:40 Eric in Igalia07:50 What’s coming22:54 CSS Nesting34:34 Cascading LayersHostsEric MeyerBruce LawsonVadim MakeevEric in IgaliaFirst Day at IgaliaWeek OneIgaliaWhat’s comingFocus-visible in WebKitCSS Working Group DraftsCSS NestingCSS Nesting Module (2020)CSS Nesting Module (2015)Chromium issueCascading LayersCSS Cascading and Inheritance Level 5
Mar 15, 2021
43 min
Load more