Show DescriptionLong time listener, first time guest Melanie Sumner joins us to chat about her work on Ember, enterprise work, the importance of accessibility, and the web.

Listen on Website →GuestsMelanie SumnerGuest's Main URL • Guest's TwitterDesign Systems Engineer

@HashiCorp, @emberjs framework core team. US Navy Veteran. Board Member @vetswhocode. Gaming is

@msumgames.

Links

Ember

Mel on GitHub

HashiCorp

Amazon Style Dictionary

SponsorsJetpackJetpack’s performance features make your site lightning‑fast, while also improving your SEO and giving your visitors a better experience.

Free speed enhancements to rank higher on Google. Free global CDN to deliver content instantly. Instant site search to help your visitors find your products and content.CodePen ProUnlock the full power of CodePen

Our most popular PRO feature, Privacy, lets you control who sees your content.

Keep your files on CodePen for easy access and management. Optimize and edit images, and edit code without switching to another editor.

Work in real-time on the same Pens with colleagues and friends. See their edits and chat together without leaving CodePen.

Show DescriptionChris and Dave are speaking at An Event Apart Seattle - you should come! We've got some COVID updates, Chris' Git journey, issues with Git Hooks, Commit Lint, take a look at Parcel CSS, and pick some fav things.

Listen on Website →Links

An Event Apart Seattle 2022

Git Tower

VS Code Command Line

GitHub Desktop app

Gitlens

Commit Lint

Git Switch

Oh Shit Git

Cleanshot

Dropbox Paper

Parcel

Vitejs

Parcel CSS

Return of the Obra Dinn

Foundation on Apple TV

Yellowstone

Ear Trumpet Labs

SponsorsNotionFor companies of all sizes, Notion provides one central and customizable workspace that can be tailored to fit any team, and bring all teams together to get more done and move faster. Notion is an all-in-one team collaboration tool that combines note-taking, document sharing, wikis, project management and much more into one space that’s simple, powerful, and beautifully-designed. Find out how Notion may be the missing piece your team needs to grow, get more done, and delight everyone who uses it in the process.JetpackJetpack’s performance features make your site lightning‑fast, while also improving your SEO and giving your visitors a better experience.

Free speed enhancements to rank higher on Google. Free global CDN to deliver content instantly. Instant site search to help your visitors find your products and content.

Show DescriptionWe're talking with Thomas Steiner of Google's Project Fugu about native apps or web apps. What is Project Fugu? Hardware limitations or requirements for using game controllers on the web. Working with new hardware API's. Reasons to choose a native app. As well as Thomas' SVG web app he's built.

Listen on Website →GuestsThomas SteinerGuest's Main URL • Guest's TwitterDeveloper Relations Engineer at

@Google, focused on the Web and Project Fugu.

Links

Project Fugu

Why would a business push a native app over a website?

VS Code on the Web

John Gruber

Flutter

Bubble Wrap

Photoshop on the Web

Excalidraw

SVGCo.de

Breaking out of the box

@Chromiumdev on Twitter

SponsorsTabnineTabnine's AI Assistant anticipates your coding needs, providing code completions for you and your development team that boost your productivity.CodePen ProUnlock the full power of CodePen

Our most popular PRO feature, Privacy, lets you control who sees your content.

Keep your files on CodePen for easy access and management. Optimize and edit images, and edit code without switching to another editor.

Work in real-time on the same Pens with colleagues and friends. See their edits and chat together without leaving CodePen.

Show DescriptionWe're talking about our predictions for web tech in 2022: Container queries, web3, React, HTML elements, CSS compatibility, utility frameworks, designer and developer tooling, multiple frameworks, and more episodes of ShopTalk Show!

Listen on Website →Links

Dave Rupert’s bookshelf

Wes Bos 2022 wrap up tweet

State of CSS 2021

Asana

Web3isGoingGreat.com

Slinkity

Astro

State of Jamstack

Solidjs

Lit Element

Qwik

Open Props

Backlight

Knapsack

SponsorsNetlifyShare, review, & manage feedback on your web projects with Netlify's Deploy Previews.

Gather feedback—with images & video—right from the browser With no coding or setup, preview links include the handy Netlify Drawer that enables reviewers to: Take screenshots, create screen recordings, submit issues directly, add comments and annotations, no plugins to install, no code changes needed.BacklightKickstart your Design System.

Your component library is visually organized. It's easy for anyone to discover the component catalog and contribute to the Design System right away.

A true collaborative space.

Show DescriptionChris can't remember how to get his snow blower working, and Dave can't remember how to use Docker. We're also talking CSS Reset, nuking margin, one thing you can do to make your website better, getting rid of 3rd party Javascript, testing your product on a craptop, and defensive CSS.

Listen on Website →Links

Prisma

Docker

Eric Meyer CSS Reset

Elad Shecter CSS Reset

Josh W Comeau CSS Reset

Normalize

CSS Tricks: 2021 Year End Thoughts

Test Your Product on a Crappy Laptop

Defensive CSS

Jeremy Keith - Faulty Logic

SponsorsAutomatticWelcome to the world’s most

popular website builder.

43% of the web is built on WordPress. More bloggers, small businesses, and Fortune 500 companies use WordPress than all other options combined. Join the millions of people that call WordPress.com home.BacklightKickstart your Design System.

Your component library is visually organized. It's easy for anyone to discover the component catalog and contribute to the Design System right away.

A true collaborative space.

Show DescriptionDave's got some WYSIWYG follow up, thoughts on maintaining open source projects, what role do you assign clients in WordPress, what are micro-frontends, using HTML to author web components, an update on Coil, and Fleet vs GitHub Copilot vs VS Code.

Listen on Website →Links

Tiptap

Sentry’s The Future of Open Source

Zach Leatherman

What Is Open Source & Why Do I Feel So Guilty?

DaveRupert: Sustaining Maintaining

Buddypress

Astro

Why don’t we use HTML to author web components?

Vite

The Vite Ecosystem

Nova

Fleet

Coil

SponsorsShortcutYour project management tool should be a breeze to setup, at least mildly enjoyable to use, and help evolve your already existing development workflows so it's easier to get things done. Does that describe your current tool? If it does, great! You can stop reading. If not, then Shortcut (formerly known as Clubhouse) could be the perfect fit. We're project management built specifically for software teams and we're fast, intuitive, flexible, powerful, and many other nice, positive adjectives. Delight the grumpiest scrum masters with Shortcut.BacklightKickstart your Design System.

Your component library is visually organized. It's easy for anyone to discover the component catalog and contribute to the Design System right away.

A true collaborative space.

Show DescriptionChris has questions about TikTok (bing bong!), a bit of FU on why accessibility isn't treated as a first class citizen, Dave tries to find a good WYSIWYG editor, why does a repo get so many stars, and should you use all: unset on individual entities to clean things up?

Listen on Website →Links

5 Most Annoying Features I Face as a Blind Web User

CodeMirror

JAWS

Parallels

EditorJS

Quill

Vite

Web Editing Working Group

How To Maintain A Large Next.js Application

Hygen

Plop

Ember

SponsorsNotionFor companies of all sizes, Notion provides one central and customizable workspace that can be tailored to fit any team, and bring all teams together to get more done and move faster. Notion is an all-in-one team collaboration tool that combines note-taking, document sharing, wikis, project management and much more into one space that’s simple, powerful, and beautifully-designed. Find out how Notion may be the missing piece your team needs to grow, get more done, and delight everyone who uses it in the process.JetpackJetpack is the most proven WordPress backup plugin with 269 million site backups over the last ten years.

If you make money from your site, or spend hours perfecting content, you need WordPress backups. Protect your investment by getting your site back online in seconds. Our automated backup plugin is powerful enough for pros, but easy enough for beginners.

Show DescriptionWhat's the tech stack Paravel's using to build their app? A conversation on AdonisJS, NuxtJS on Vite, side projects in Vue, checking out Bun.sh, Slinkity and Eleventy, and working on quantity to get to quality.

Listen on Website →Links

Prisma

Redwood

Nuxt.js

Mongo

Docker

Digital Ocean

AdonisJS

Vite

Astro

Serverless CSS Tricks

Bun.sh

Skypack

Snowpack

Eleventy

Slinkity

Understanding Comics

The Design of Everyday Things

Austin Leon: Quantity leads to quality

The Beatles: Get Back

SponsorsNetlifyShare, review, & manage feedback on your web projects with Netlify's Deploy Previews.

Gather feedback—with images & video—right from the browser With no coding or setup, preview links include the handy Netlify Drawer that enables reviewers to: Take screenshots, create screen recordings, submit issues directly, add comments and annotations, no plugins to install, no code changes needed.HashnodeHashnode is a free blogging platform for developers who want to plug into the global dev community while retaining ownership of their content and domain.

Hashnode makes it easy to map a custom domain to your blog, which means that the domain authority you build over time belongs to you—not the platform.

Hashnode also has you covered with a massive audience for your content on day one.

It's the best of both worlds: you own what you create without the hassle of building it all from scratch, and Hashnode connects you with your future biggest fans.

Show DescriptionDave and Chris are on podcast and YouTube benders, talking CSS performance, CSS contain: Strict, what's new in CSS, how to build a great embed, one thing to make websites better in 2022, dealing with dogma in community, creating great slide decks, and #juicegate.

Listen on Website →Links

Cadhub.xyz

Eleventy

Keynote

Slides

Sli.dev

Figma

SponsorsShortcut (formerly Clubhouse.io)Your project management tool should be a breeze to setup, at least mildly enjoyable to use, and help evolve your already existing development workflows so it's easier to get things done. Does that describe your current tool?

If it does, great! You can stop reading. If not, then Shortcut (formerly known as Clubhouse) could be the perfect fit. We're project management built specifically for software teams and we're fast, intuitive, flexible, powerful, and many other nice, positive adjectives.

Delight the grumpiest scrum masters with Shortcut.AutomatticCyber Monday Sale!

Get 55% off your first year on all Jetpack products and plans.

Now’s the perfect time to extend your store! Get 40% off WooCommerce until 8 am UTC on Tuesday, November 30th 2021.

Show DescriptionHow good is web3 really? And is there money to be made without destroying the environment? Is HTML good enough for the future? And what are we excited about in new stuff for CSS?

Listen on Website →Links

Uphold

Coinbase

Coil

Robin Sloan: Notes on Web3

Use Alpha Transparency on Any Color in CSS with a (tiny) Paint Worklet

SponsorsNotionFor companies of all sizes, Notion provides one central and customizable workspace that can be tailored to fit any team, and bring all teams together to get more done and move faster. Notion is an all-in-one team collaboration tool that combines note-taking, document sharing, wikis, project management and much more into one space that’s simple, powerful, and beautifully-designed. Find out how Notion may be the missing piece your team needs to grow, get more done, and delight everyone who uses it in the process.MarkUpMarkUp is the leading visual commenting platform for images, PDFs and live websites. It’s the perfect companion in your creative process to make your life easier. The best part…it’s free.

Cut through the noise with immediate, visual feedback. Go from design to build to publish without losing your mind in the process. We’ll save you time. You’ll save the day.

Sign up now