ShopTalk

Show Description

Keaton Taylor is a product designer at Discord and stopped by the show to talk about getting distracted by new dev toys, spoons as the best worst analogy, Wichita as the new Portland, working at Discord, and the interesting career paths for developers and designers in 2022.

Listen on Website →

GuestsKeaton Taylor

Guest's Main URL • Guest's Twitter

Keaton is a product designer who loves to dabble in front-end code. Currently, he's designing for the future of communities at Discord.

Links

SponsorsNotionOne workspace. Every team. We’re more than a doc. Or a table. Customize Notion to work the way you do.

Connect your teams, projects, and docs in Notion — so you can bust silos and move as one.

Stale wikis aren't helpful. Neither are floating docs. In Notion, your daily work and knowledge live side by side — so you never lose context.

Notion solves problems common and unique to every team. These are just a few. Try Notion free.DequeThis episode of ShopTalk is brought to you by Deque, the makers of axe.

Do you know how accessible your website is? Can people with disabilities access it?

If you aren’t sure, you can get started in just minutes with the free axe DevTools browser extension.

Install it in Chrome, Edge, or Firefox.

Navigate to the website you want to test, then open axe DevTools.

Click the “Scan ALL of my page” button.

And within a matter of milliseconds, you will get a list of accessibility issues with details and guidance on how to go about fixing them!

If you want everyone to be able to access your website, you need to start testing it for accessibility. And axe is the perfect place for dev teams to begin that process. You don’t even need to know anything about digital accessibility.

Let axe DevTools do the heavy lifting and try it for free today!

Visit deque.com/shoptalk to get started.

Show Description

Jen Simmons walks through a ton of the new CSS and HTML features out now or coming soon - including container queries, cascade layers, .has selector, and more!

Listen on Website →

GuestsJen Simmons

Guest's Main URL • Guest's Twitter

Apple Evangelist on the Web Developer Experience team for Safari & @Webkit. Member of CSS Working Group.

Links

Safari News

* New WebKit Features in Safari 15.2

* New WebKit Features in Safari 15.4

* New WebKit Features in Safari 15.5

* New WebKit Features in Safari 15.6

* News from WWDC22: WebKit Features in Safari 16 Beta

* WWDC22: What’s new in Safari and WebKit (video)

* List of WWDC22 sessions about web technology

:has()

* Using :has() as a CSS Parent Selector and much more by Jen Simmons, on webkit.org

* The demo that needed Cascade Layers because of complex :has() selectors

* Michelle Barker’s demo of :has() + grid track animations

Passkeys

* Overview of Passkeys

* Supporting Passkeys: documentation

* About the security of passkeys

* WWDC22: Introduction of Passkeys at State of the Union (video)

* WWDC22: Meet Passkeys (video)

* FIDO Alliance’s announcement of passkeys

* Web Authentication standard

* Web Authn on Can I Use

Web Push

* Meet Web Push

* WWDC22: Meet Web Push for Safari (video)

Sponsors

Show Description

Alex and Andrew join us from the Discord to talk about working on client sites and branding at Traina. How do they set up WordPress for development? What's the incentive to invest in tooling? And the benefits of using CodePen as a knowledge library for your brain.

Listen on Website →

GuestsAndrew Walpole

Guest's Main URL • Guest's Twitter

Andrew Walpole is a full-stack web developer and the Director of Web Development at Traina, a brand-first creative agency. He also enjoys dabbling in 3D printing, living-systems computation, and digital generative art.

Alex Riviere

Guest's Main URL • Guest's Twitter

Alex Riviere is a Senior Frontend Developer for Traina, Co-Host of the Enjoy the Vue podcast, Co-organizer for the Atlanta Vue.js Meetup as well as PyATL. He spends some of his down time making terrible things over on twitch.

Links

SponsorsNotionOne workspace.

Every team.

We’re more than a doc. Or a table. Customize Notion to work the way you do.

Customize Notion to make it work the way you want it to. Just drag and drop to craft the dashboard, website, doc, or system you need.

Show Description

A quick Luro update, working in a coffee shop, when do you know it's time to leave a working but shakey system behind and start fresh, teaching tricky A11y tips, dependency follow up, how big are the node modules, and we dream up a media service app.

Listen on Website →

Links

Sponsorsaxe DevTools by DequeDo you know how accessible your website is? Can people with disabilities access it?

If you aren’t sure, you can get started in just minutes with the free axe DevTools browser extension.

Install it in Chrome, Edge, or Firefox.

Navigate to the website you want to test, then open axe DevTools.

Click the “Scan ALL of my page” button.

And within a matter of milliseconds, you will get a list of accessibility issues with details and guidance on how to go about fixing them!

If you want everyone to be able to access your website, you need to start testing it for accessibility. And axe is the perfect place for dev teams to begin that process. You don’t even need to know anything about digital accessibility.

Let axe DevTools do the heavy lifting and try it for free today!

Visit deque.com/shoptalk to get started.

Show Description

Dave's working on his speaker bod, how well does Find My work for a lost iPhone and Air Tags, what do you let kids have access to online, design systems for teams using different JS frameworks, web components, and testing web components.

Listen on Website →

Links

SponsorsWhiskey Web and WhatnotWhiskey Web and Whatnot is different than your typical dev podcast. We show a lighter, more human side of developers you know and love, like a fireside chat with your favorite devs. Past guests include Tom Preston-Werner, Kent C. Dodds, Charlie Gerard, Wes Bos, and the incomparable Chris Coyier! We have discussed everything from Next.js and TypeScript to Chuck’s past life as a blackjack dealer, favorite power tools, the best casseroles, and of course whiskey!NotionOne workspace.

Every team. We’re more than a doc. Or a table. Customize Notion to work the way you do.

Connect your teams, projects, and docs in Notion — so you can bust silos and move as one.

Stale wikis aren't helpful. Neither are floating docs. In Notion, your daily work and knowledge live side by side — so you never lose context.

Notion solves problems common and unique to every team. These are just a few. Try Notion free.

Show Description

Questions from the D-d-d-d-discord and listeners about tacos or burritos, cleaning up CSS methodology, getting previews from a CMS, comparing Google Analytics to other stats, sharing page views with advertisers, and what happened to CSS Houdini?

Listen on Website →

Links

SponsorsWhiskey Web and WhatnotWhiskey Web and Whatnot is different than your typical dev podcast. We show a lighter, more human side of developers you know and love, like a fireside chat with your favorite devs. Past guests include Tom Preston-Werner, Kent C. Dodds, Charlie Gerard, Wes Bos, and the incomparable Chris Coyier! We have discussed everything from Next.js and TypeScript to Chuck’s past life as a blackjack dealer, favorite power tools, the best casseroles, and of course whiskey!

Show Description

Feross Aboukhadijeh talks with us about web security, what Socket aims to help with, how Socket compares to Depandabot or Sync, how they analyze all the data for Socket, and what things developers should be thinking about with regards to security in their apps.

Listen on Website →

GuestsFeross Aboukhadijeh

Guest's Main URL • Guest's Twitter

Founder + CEO

of Socket Security, Stanford lecturer, Open source at

Web Torrent, and StandardJS.

Links

SponsorsReflectReflect is an automated no-code testing tool that enables you to shave countless hours off of your end-to-end testing timeline, from writing and maintaining tests to root-causing and debugging errors. Features include cross-browser testing, email/sms validation, visual validation, and more. All plans include unlimited users and unlimited test creation.

As a special offer for Shop Talk listeners, get a free t-shirt when you sign up through our referral link. To start your free two week trial and claim your free t-shirt, visit https://reflect.run/shoptalk.NotionOne workspace. Every team. We’re more than a doc. Or a table. Customize Notion to work the way you do.

Connect your teams, projects, and docs in Notion — so you can bust silos and move as one.

Stale wikis aren't helpful. Neither are floating docs. In Notion, your daily work and knowledge live side by side — so you never lose context.

Notion solves problems common and unique to every team. These are just a few. Try Notion free.

Show Description

How much polish do you put into internal apps? Can you create custom Gutenberg blocks for Shopify? How difficult is it to publishing a VS Code plugin? Thoughts on GitHub Copilot, notification options with GitHub Actions, and thoughts on static site builders such as Statimic.

Listen on Website →

Links

Sponsorsaxe DevTools by DequeYou probably didn’t set out to build a website that was purposely inaccessible to people with disabilities. But you may have, if you aren’t testing for digital accessibility.

Start accessibility testing in just minutes with the powerful and beloved free axe DevTools extension. Available in Chrome, Edge, and Firefox, dev teams can find and fix accessibility bugs with very little effort and no expertise.

Sign up for a free trial of axe DevTools Pro to get access to even more features like sharing, saving, exporting, semi-automated tests, and more!

Join 200,000+ users in building more accessible web apps and try axe DevTools today!WolvicCheck out the new open source Wolvic XR browser, by our friends at Igalia. It's available for a bunch of XR devices like the Oculus, Huawei VR Glass, HTC Vive Focus, Pico Interactive, and Lynx and coming to more.

See wolvic.com for more.

Show Description

Jay Hoffman talks with us about his History of the Web project and takes us through some of the important markers of the web's past including when ad money started, Web 2.0, Facebookification, RSS, CSS, and fads that have come and gone.

Listen on Website →

GuestsJay Hoffmann

Guest's Main URL • Guest's Twitter

Lead Developer at Reaktiv Studios. Creator of The History of the Web.

Links

SponsorsNotionThe operating system for org-wide alignment.

Connect every department’s docs, wikis, and projects in Notion — and unlock a new level of collaboration.

Connect your teams, projects, and docs in Notion — so you can bust silos and move as one.

Stale wikis aren't helpful. Neither are floating docs. In Notion, your daily work and knowledge live side by side — so you never lose context.

Show Description

Rizèl Scarlett & Brian Douglas chat with us about GitHub Actions and help us understand how to use Actions on your next project. We also dive into GitHub Copilot and GitHub apps.

Listen on Website →

GuestsRizèl Scarlett

Guest's Main URL • Guest's Twitter

Developer Advocate at GitHub. Empowering WoC to get into tech.

Brian Douglas

Guest's Main URL • Guest's Twitter

Director of Developer Advocacy at GitHub. Building

@saucedopen.

Links

SponsorsMemberfulMemberful is easy to use, best-in-class membership software for independent creators, publishers, podcasters, educators, and more. We take care of the hard stuff so you can focus on what you do best, while earning revenue quickly. With Memberful, you have full control and ownership of all things related to your brand, your audience, and your finances.