ShopTalk

By Chris Coyier & Dave RupertTechnology

ShopTalk episodes

April 10, 2023560: Oh Biscuits! Cascade Layers, Block Links, Emoji Lists, and more CSS!
Show Description
After a brief visit from Hip Hop Dad Dave, we're talking cascade layers updates, block link practices, search element getting dropped, how to use cite, emoji list accessibility, scrollbar state, and trigonometric functions in CSS.
Listen on Website →
GuestsHip Hop Dad Dave
Guest's Main URL • Guest's Social
Oh Biscuits!
Links
Emoji Lists, The Good Way? - Chris Coyier
Dragon Speech Recognition - Get More Done by Voice | Nuance
scrollbar-gutter - CSS: Cascading Style Sheets | MDN
Improving CSS Shapes with Trigonometric Functions
Trigonometric functions in CSS
SponsorsFrontend MastersThe Learning Paths on Frontend Masters will take you from start to finish on actually learning something of your choice, whether it's upping a your skill level in a particular genre or a specific technology
59 min
April 03, 2023559: Fidget Apps, Coding with AI, Dialog Element Navs, Getting Rid of CSS
Show Description
Is there still any value in specializing in front-of-the-frontend dev? Would you ever use the dialog element for a mobile navigation? Why did CodePen decide to use Go for its GraphQL server?
Listen on Website →
Links
The End of Front-End Development
Scott O'Hara on Using the dialog element
SponsorsFrontend MastersFrontend Master learning paths is the place to go for you (or your whole company) for a skill buff in a particular technology, or a generic level-up in skill level.
1 hr 1 min
March 27, 2023558: Esoteric Weird Content Editable Problems with Kristin Valentine
Show Description
Kristin Valentine from Vox joins the show to talk about text editor CMS fun across multiple sites, Vox's Chorus, The Verge redesign, sharing Design Systems, theming articles, and a fun new game called "Can Your Text Editor Do This??"
Listen on Website →
GuestsKristin Valentine
Guest's Main URL • Guest's Twitter
Engineer at
Vox Media Product.
Links
Headless WYSIWYG Text Editor – Tiptap Editor
Quill - Your powerful rich text editor
Vox Media
Vox - Understand the News
The Dodo - For Animal People
SBNation.com | Sports news, video, live coverage, community
React.js: The Documentary | .cult by Honeypot
SponsorsFrontend MastersThe best of the best teachers, especially for all-y'all intermediate developers to learn new technologies are on Frontend Masters. Including Dave! Go learn now!
56 min
March 20, 2023557: ChatGPT, Conferences, Fidgets on the Web, and Modern CSS in Real Life
Show Description
When will AI be able to tell you the risk / reward of cleaning up trees? Are conferences back? Bringing fidgets to the web, internet as an anxiety machine, and Chris is working on talk on modern CSS in real life.
Listen on Website →
Links
RenderATL 2023 | May 31 - June 2, 2023. | 80+ Speakers
Beyond Tellerrand – an event about web, design, development, technology and more
Doing Computer - Chris Coyier
Brad Frost | Design system consultant, author of Atomic Design, web designer, and musician
How's my driving chaos stickers
Gowalla >> keep up with your friends IRL
In the Stacks (Maisie's Tune), by Robin Sloan
Black women and nonbinary surfers are rarely in the spotlight. This photographer changes that
Open AI Chat
Jeepers Frigging Cripes Crypto and NFTs are so stupid and dumb and bad and I can’t even. I’m out. Goodbye. Burn it down please. - Chris Coyier
Ceramics • charlottedann.com
SponsorsFrontend MastersThe Learning Paths on Frontend Masters will take you from start to finish on actually learning something of your choice, whether it's upping a your skill level in a particular genre or a specific technology
1 hr
March 13, 2023556: Andrey Sitnik and Using OKLCH for Color
Show Description
Andrey Sitnik from Evil Martians talks with us about why OKCLH is the best way forward for color on the web, how to incorporate it into design systems, getting your designers to use OKCLH, and what kind of fallback support is needed.
Listen on Website →
GuestsAndrey Sitnik
Guest's Main URL • Guest's Twitter
Author of
PostCSS
,
Autoprefixer
, and
Logux_io
Links
Evil Martians
OK, OKLCH: a color picker made to help think perceptively
Huetone
https://color-playground.ardov.me/
Design challenges behind OKLCH color picker
Huetone palette generator
A tool which will generate the whole theme based only on hue and a few contrasts
APCA contrast calculator
SponsorsFrontend MastersFrontend Master learning paths is the place to go for you (or your whole company) for a skill buff in a particular technology, or a generic level-up in skill level.
1 hr
March 06, 2023555: React Documentary, Front of the Front End, Fast Fallacy, and Best Practices
Show Description
Reacting to the React.js documentary, is there still jobs for front of the front end anymore? The fast fallacy in frameworks, best practices, dealing with too much or too little isolation, and AI test generation.
Listen on Website →
Links
React.js: The Documentary
Eleventy
CodePen Challenges
CodePen Spark
Turbo
What if writing tests was a joyful experience?
Tabnine - Introducing AI-powered unit testing generation! Accelerate your software development lifecycle
GitHub Copilot
SponsorsFrontend MastersThe best of the best teachers, especially for all-y'all intermediate developers to learn new technologies are on Frontend Masters. Including Dave! Go learn now!
50 min
February 27, 2023554: Jamstack Thoughts with Brian Rinaldi
Show Description
Brian Rinaldi joins us to talk about the state of Jamstack in 2023, acronym confusion, SPA confusion, developing common tools of understanding, why Netlify bought Gatsby, and the state of developer conferences.
Listen on Website →
GuestsBrian Rinaldi
Guest's Main URL • Guest's Twitter
Brian Rinaldi is a Developer Experience Engineer at LaunchDarkly with over 20 years experience as a developer for the web. Brian is actively involved in the community running developer meetups via CFE.dev and Orlando Devs. He’s the editor of the Jamstacked newsletter and co-author of The Jamstack Book from Manning.
Links
What is Jamstack in 2023?
Netlify
Gatsby
Web Almanac
The Jamstack Book
Phil Hawksworth PR to change Jamstack spelling
Discussion: jamstack word treatment
Vercel
AWS Amplify
Begin
Astro
Eleventy
What Netlify's Acquisition of Gatsby Really Means
The State of Developer Conferences
ShopTalk Show on Mastodon
SponsorsFrontend MastersThe Learning Paths on Frontend Masters will take you from start to finish on actually learning something of your choice, whether it's upping a your skill level in a particular genre or a specific technology
1 hr 2 min
February 20, 2023553: TypeScript, DX, GripeScript, and Astro v2 with Fred Schott
Show Description
Fred Schott stops by to talk about TypeScript, what DX means in 2023, a bit of GripeScript, and being transparent about what Astro is good at, and what it's not.
Listen on Website →
GuestsFred Schott
Guest's Main URL • Guest's Twitter
Astro co-creator.
Links
The Great Divide was indeed divisive
Deno
JSWorld Conference
Zod
Qwik
So you want to make a new JS framework
Sponsors
1 hr 3 min
February 13, 2023552: Do You Want to Build a JS Framework? ☃️ CSS Wishlist for 2023
Show Description
Austin power updates, what do you need if you want to build a new JavaScript framework, and what do we hope CSS brings in 2023?
Listen on Website →
Links
So You Want a New JS Framework?
Eleventy Notes
Nuxt
Nuxt.com
Qwik
Chris Things CSS Could Use in 2023
Dave CSS Wish list for 2023/
Tyler CSS Wish list for 2023/
Eric Thoughts on CSS for 2023
Popper
GSAP
Astro
Sponsors
1 hr 1 min
February 06, 2023551: PlanetScale with Iheanyi Ekechukwu and Mike Coutermarsh
Show Description
Iheanyi Ekechukwu and Mike Coutermarsh talk about PlanetScale, what Vitess is, if PlanetScale is for both side and big projects, what read only regions are, what schema changes are, and how PlanetScale compares to other projects.
Listen on Website →
GuestsIheanyi Ekechukwu
Guest's Main URL • Guest's Twitter
Iheanyi Ekechukwu is a Houston-based software engineer and angel investor, working at PlanetScale.
Mike Coutermarsh
Guest's Main URL • Guest's Twitter
Mike is a software engineer living in Pennsylvania working at PlanetScale.
Links
Planetscale
Vitess
Why you should really take a look at PlanetScale
F1 on PlanetScale
Sponsors
56 min