ShopTalk

Show Description

Dave's got job news to share, as well as insight into the process of what applying for a job in tech is like in 2024. We also talk about styling, scoping, positioning, and floating UI.

Listen on Website →

Links

• Algorithms & Data Structures | Learn Algorithms with TypeScript for Interviews | Frontend Masters
• Information asymmetry
• Fluent 2 Design System
• Font Awesome
• Web Awesome
• Icônes
• Iconify — Search Icons
• Create Floating UI
• User App Tour

Sponsors

Show Description

Adam Argyle stops by to chat about the conversation that's happening around CSS Grid / Masonry. What do we want? What might Apple's response to Google be? And nitpicking the spec just for fun.

Listen on Website →

Guests

Adam Argyle

Guest's Main URL • Guest's Twitter

CSS DevRel Google Chrome, CSSWG member, host on GUIchallenges, co-host: CSSpodcast and BAD at CSSpodcast, maker of VisBug, OpenProps and GradientStyle.

Links

• ‎Gemini - chat to supercharge your ideas
• Invent Masonry Layout
• Feedback on Masonry Layout – Frontend Masters Boost
• Masonry
• CSS Masonry
• What would you call this layout?
• Web Bloat Impact

Sponsors

Show Description

Chris bought recording gear off an Instagram ad, our thoughts on WebC, CodePen upgrades Yarn, thoughts on the commercial value of open source, Automattic releases an app to install WordPress locally, IBM buys Hashicorp, income tax software, and a hack for getting Safari to respect background colors used in a pseudo selector.

Listen on Website →

Links

• FROSTAPALOOZA - A CONCERT/PARTY/HAPPENING ON AUGUST 17th, 2024
• 601: Brad Frost on A Global Design System + Frostapalooza – ShopTalk
• Audigo - The pocket-size recording studio
• Final Cut Pro Sync
• iPhone Webcam for Mac
• Acapella PicPlayPost
• Eleventy Generator
• Astro
• Enhance
• Transform Plain Text
• Home page
• Efficient Package Manager
• Explore Coding Ideas
• Code Editor Community
• Node.js Documentary
• Goodbye Atom. Hello Zed.
• Zed is now open source
• Git Branching, Refined
• Design System Tracker
• Local WordPress Development
• Studio by WordPress.com
• WordPress Security & Performance
• Melanie Sumner
• IBM acquires HashiCorp
• TurboTax Deceptive Filing
• TikTok Tax Advice
• Safari Selection Rendering
• Val Town

Sponsors

Show Description

Matt is here to talk about creating the perfect fantasy CMS for blogging, moderating comments at Metafilter, building sane defaults into programs, how difficult the web is, do we want AI in our CMS, and where is content headed on the internet?

Listen on Website →

Guests

Matthew Haughey

Guest's Main URL • Guest's Twitter

A writer with over 25 years of experience building products. In that time I've worked as a designer, coder, company founder, and senior writer.

Links

• Matt Haughey
• Blogger.com - Create a unique and beautiful blog easily.
• MetaFilter | Community Weblog
• MovableType.org
• The story of b2, b2evolution and WordPress
• Ghost: The best open source blogging platform
• Micro.blog
• A Whole Lotta Nothing
• Notes from migrating 24 years of blog posts from WordPress to Ghost
• Ideas for my dream blogging CMS
• Embrace the weird
• The newest episode of Search Engine is incredible
• Best printer 2023: just buy this Brother laser printer everyone has, it’s fine - The Verge

Sponsors

Show Description

Dave & Chris and thoughts on career advice that worked 3 years ago but isn't as helpful now, marking tests with ChatGPT, is taking a Drupal job in 2024 a good idea, Chris got #gear sniped, P3 color follow up, the confusing File System APIs, and where did all the lightboxes go?

Listen on Website →

Links

• chan (@chantastic) / X
• The Texas Tribune
• The Coming Wave Book
• Drupal - Open Source CMS | Drupal.org
• Electric Air Duster - 130000RPM Compressed Air Duster，3 Gear Adjustable Jet Dry Blower can Reusable Can for Computer Keyboard,Outdoors,Car,Home. : Electronics
• xScope • Measure. Inspect. Test.
• The Many, Confusing File System APIs – Cloud Four

Sponsors

Show Description

Dave's about to be eclipsed, the state of TypeScript in 2024, signals stage zero proposal, corrections on accessibility in frameworks (thanks!), web apps for better collaborative writing, getting productivity sniped, the problem with email may be you, indieweb follow up, and ultimate guitar tab apps.

Listen on Website →

Links

• Streamlining APIs, Databases, & Microservices | Apollo GraphQL
• Svelte • Cybernetically enhanced web apps
• Ember.js - A framework for ambitious web developers
• Web Test Runner: Modern Web
• Frontend Masters Boost – Helping Your Journey to Senior Developer
• Notion – The next gen of notes & docs
• Paper
• Stashpad - Your streamlined Google Docs alternative
• ButterDocs | Google Docs Alternative for Serious Writers & Teams
• Things - To-Do List for Mac & iOS
• Godspeed
• Aboard - Collect. Organize. Collaborate.
• Obsidian - Sharpen your thinking
• Analog - The original to-do system by Ugmonk
• CleanShot X for Mac
• IndieWebify.Me - a guide to getting you on the IndieWeb
• ULTIMATE GUITAR TABS
• John Deere commits to letting farmers repair their own tractors (kind of) - The Verge

Sponsors

Radical

Are you an aspiring designer, developer, marketer, or fanny pack tester? Maybe you're a burnt-out designer struggling for fresh ideas, or perhaps you have no idea where to start with design? Do you need to find a way to make your sites less boring and more memorable? Well then, this course is for you.

Show Description

What is a home cooked app? Blake Watson is on this episode to talk all about the kinds of apps that make a good home cooked app, tips and advice he has for making them, resisting the urge to monetize or growth hack them, and a few CodePen v2 thoughts sprinkled in at the end.

Listen on Website →

Guests

Blake Watson

Guest's Main URL • Guest's Twitter

Currently a member of the frontend dev team at MRI Technologies, working on projects for NASA.

Links

• Watson Brothers Games
• An app can be a home-cooked meal
• blakewatson.com – About
• blakewatson.com – MagnoliaJS 2023: The joys of home-cooked apps
• MRI Technologies
• blakewatson.com – Building our own private Discord knockoff
• blakewatson.com – Things I miss
• blakewatson.com – Use your Mac the way I do: a thought experiment
• Overimagine1/old-discord-font: CSS to revert Discord's font change.
• A Fine Start - minimal new tab page
• Knockout : Home
• Vue.js - The Progressive JavaScript Framework | Vue.js
• The Programming Language Lua
• Save 10% on Thronefall on Steam
• Game Off 2023 - itch.io

Sponsors

Show Description

We're opening up the ShopTalk mailbag and answering your questions, including does WordPress on your resume kill your job chances, what are our fav and least fav parts of web dev, our thoughts on HTMX, and what is it like to use pnpm instead of npm.

Listen on Website →

Links

• Front End Happy Hour
• Playdate
• Develop for Playdate
• Nuxt: The Intuitive Vue Framework · Nuxt
• ThePrimeagen
• Fast, disk space efficient package manager | pnpm
• Yarn

Sponsors

Radical Design

Are you an aspiring designer, developer, marketer, or fanny pack tester? Maybe you're a burnt-out designer struggling for fresh ideas, or perhaps you have no idea where to start with design? Do you need to find a way to make your sites less boring and more memorable? Well then, this course is for you.

Show Description

Fred K. Schott stops by to talk about Astro announcement of Astro DB. The pluses and minuses of it, and whether you have to always use the database with Astro DB. We get into how to seed your database, upgrading the database, and the almost weirdly generous pricing model.

Listen on Website →

Guests

Fred K. Schott

Guest's Main URL • Guest's Twitter

Co-creator of Astro.

Links

• Astro DB: A Deep Dive | Astro
• Astro DB
• Astro DB: A Deep Dive | Astro
• tursodatabase/libsql: libSQL is a fork of SQLite that is both Open Source, and Open Contributions.
• StackBlitz | Instant Dev Environments | Click. Code. Done.
• Schema.org - Schema.org
• Ben Holmes on X: "Astro built a database platform. How does it work?
• Clerk
• Lucia documentation
• PlanetScale forever
• Astro DB Just Released

Sponsors

Show Description

We're talking with Michelle Barker about the idea of paying to support bloggers (and podcasters!) via services like Patreon, drumming as a fun side gig from CSS, how big of an issue digital sustainability is, trying to understand the environmental impact of our websites and digital life, wondering why YouTube embeds are still so large, disabling cookies, and how to build the web in a more sustainable way.

Listen on Website →

Guests

Michelle Barker

Guest's Main URL • Guest's Twitter

Senior Front End Developer at Ada Mode, where Michelle works on Windscope, web-based data visualisation and exploration software for wind farm operators.

Michelle also loves playing the drums. Their happy place is where creativity and code intersect

You can also find Michelle writing and speaking about CSS and digital sustainability on the web and around the world.

Links

• Michelle Barker
• Ada Mode
• Windscope
• CSS { In Real Life }
• Michelle Barker (@[email protected]) - Front-End Social
• Michelle Barker
• Michelle Barker on CodePen
• mbarker84 (Michelle Barker)
• shoptalkshow.com - Website Carbon Calculator
• paulirish/lite-youtube-embed: A faster youtube embed.

Sponsors

Radical Design Course

Are you an aspiring designer, developer, marketer, or fanny pack tester? Maybe you're a burnt-out designer struggling for fresh ideas, or perhaps you have no idea where to start with design? Do you need to find a way to make your sites less boring and more memorable? Well then, this course is for you.