ShopTalk

Show DescriptionAdam Coster talks with us about working with his family in game development, how they get started making games, what all is involved with publishing games, deciding to go Steam and Netflix only for Crashlands 2, how web tech is involved in game development, and the fun of testing and doing Q&A for games. Listen on WebsiteGuestsAdam CosterGuest's Main URL • Guest's SocialCEO & Webtech at Butterscotch Shenanigans Links Butterscotch Shenanigans About | Butterscotch Shenanigans Coffee with Butterscotch adam-coster (Adam Coster) Adam Coster @costerad on Twitter Crashlands 2 on Steam

Show DescriptionDave's got an idea for a second brain app that's customized to his brain, where we're at with Notion and other notes apps, and accessibility on LLM's in browsers. Listen on WebsiteLinks Notion Web Clipper for Chrome, Safari, Firefox, and mobile The PARA Method: The Simple System for Organizing Your Digital Life in Seconds Obsidian - Sharpen your thinking Organize Life System Things To-Do List Bear - Markdown Notes Analog Productivity System Just use fucking paper, man Daylight Computer Care Chrome Canary Features Cerebras

Show DescriptionChris has a birthday today , we recap our Frostapalooza experience celebrating Brad Frost's birthday, do all codebases become a mess, Mermaid, TLDraw, and Figjam thoughts, making tiny games, where's the follow up in web and world news, and what's the current state of CMS' on the web? Listen on WebsiteLinks Frostapalooza – Chris Coyier FROSTAPALOOZA - A CONCERT/PARTY/HAPPENING ON AUGUST 17th, 2024 Frostapalooza in photos and videos | Brad Frost Symmetry 2024 Tickets Code Editor Community Understanding Technical Debt Mermaid Tool tldraw Collaborative Whiteboard Dev Mode Visual Suite for Everyone Game Development Competition Butterscotch Shenanigans Ghost Platform Craft CMS Astro Eleventy Static Site Generator Decap CMS The Markdown CMS Sanity Content Cloud SponsorsJam.devOne click bug reports devs love. Find out more at jam.dev

Show DescriptionA bit of follow-up on vibe driven development and JavaScript not causing The Great Divide, writing testing automation, global design systems and web components, could PHP be used for web components, what if view transitions are going to be everywhere, and frontend engineer vs design systems engineer job titles and descriptions. Listen on WebsiteLinks Trust the vibes We don't need a boss, we need a process | Miriam Eric Suzanne The Great Divide JavaScript and The Great Divide 346: Is There a Great Divide? Kevin Powell | CSS Evangelist Javascript Testing Frameworks Design System Comparison Global Design System Brad Frost Design Frostapalooza Concert Val Head Sharpen your thinking Sheelah Brennan's Engineer Comparison Turkey Sounds SponsorsJam.devOne click bug reports devs love. Find out more at jam.dev

Show DescriptionDoc told me to travel but there's COVID on the planes, Dave's got a 2x life update, how often do you manage or prune your RSS feed subscriptions, checking in on Code Hike and their fine grained Markdown approach, JavaScript decorators use case, and using Cloudflare R2 for image storage. Listen on WebsiteLinks Noah Kahan - Stick Season on YouTube Dave's new dogs from the Discord Fine-grained Markdown Cloudflare Object Storage Uppy Netlify Image CDN SponsorsJam.devOne click bug reports devs love. Find out more at jam.dev

Show DescriptionChris brings some blog posts to talk about including being comfortable with the struggle of developer life, Cloudflare Workers + monorepos, vibe driven development, and questions about database migrations, and whether we think AI free blogs are going to be a rarity in the future? Listen on WebsiteLinks Comfortable with the struggle Cloudflare Workers · Cloudflare Workers docs Wrangler Cloudflare Workers Features • GitHub Actions Azure DevOps Services Yarn Vibe Driven Development Active Record Migrations Prisma Migrate

Show DescriptionChris has some follow up on blog posts and past podcast episodes to respond to including browsers and browser engines, advertising on the web, magazines, Cara, peak AI slop, and view transitions. Listen on WebsiteLinks FROSTAPALOOZA - A CONCERT/PARTY/HAPPENING ON AUGUST 17th, 2024 kottke.org - home of fine hypertext products Daring Fireball Cory Doctorow's craphound.com | Cory Doctorow's Literary Works Moonbound Second Foundation Servo Web Rendering Engine Ladybird Flow Browser Learn. Build. Grow. Together. Artist Platform Tech News The Homepage of Dave Rupert View Transitions Break Misconceptions about view transitions | Blog | Chrome for Developers

Show DescriptionDave's putting together a platform for his presidential bid and workshops his policies, discussing vehicle options for a family in 2024, Chris and other authors get ownership of their A Book Apart books back, and the ramifications and reasoning behind Google killing a URL shortener. Listen on WebsiteLinks ‎Office Space (1999) directed by Mike Judge • Reviews, film + cast • Letterboxd 2024 Hyundai IONIQ 5: Electric SUV | Hyundai Canada R2 - Rivian Bronco® Sport | Build & Price | Shop.ford.ca A Book Apart Practical SVG by Chris Coyier Print-On-Demand I’m Mat. I make websites. Reacquired. Real Life News 587: Why Ethan Marcotte Thinks Tech Workers Deserve a Union – ShopTalk Google URL Shortener Netlify Astro Partnership SponsorsShopTalk PatreonSupport the show and help keep us on the air - AND get access to the super fun d-d-d-d-d-d-d-iscord with other Shopamaniacs.

Show DescriptionOn this epsiode we're talking about the current state of blogging and social media, the polyfill hack, whether in app browsers should be banned, web components and the difficulty of front end web dev, and how we would go about teaching CSS from scratch in 2024. Listen on WebsiteLinks Polyfill Attack Impacts Over 380,000 Hosts, Including Major Companies Off The Main Thread podcast Web Dev Pitfalls State of JavaScript 2023 Fliteboard eFoil

Show DescriptionWe're talking about assigning a weight to items in a layout, differentiating between banger posts and regular blog posts, using social engineering to get PR's accepted, monorepo thoughts, using CoPilot vs other AI programming support bots, has TypeScript benefited from AI, and what happens if you turn off CoPilot? Listen on WebsiteLinks 614: CSS Grid Level 3 aka Masonry with Adam Argyle – ShopTalk 606: Web Sustainability with Michelle Barker – ShopTalk Footnotes Progressively Enhanced to Popovers – Frontend Masters Boost Charm Supermaven ThePrimeagen on YouTube

Show DescriptionWe're talking website rendering, server side rendering, Astro's server islands, perf hits for navigation elements, updating software because the docs aren't available for older versions, and a new Microsoft Edge was released. Listen on WebsiteLinks Scale & Ship Faster with a Composable Web Architecture | Netlify Eleventy is a simpler static site generator Astro Next.js React Framework Cloudflare Services Internet Power Website Improvement Server Islands Create Web Components FAST Enhance Vue.js Framework An even faster Microsoft Edge

Show DescriptionWe've got follow up on Cloudflare and Cara from last episode, a question about setting up Prettier and auto linting, a cool tool from a listener on comparing colors, a question about using tooling like Craft or more user friendly apps like Webflow when working with clients, and our takes on accessibility overlays. Listen on WebsiteLinks Cloud Application Hosting for Developers | Render Prettier · Opinionated Code Formatter Biome, toolchain of the web Vetur Compare colors Craft CMS Webflow: Create a custom website | Visual website builder Accessibility Overlay Decision

Show DescriptionWe dive a bit deeper into the Cloudflare drama of the past couple of weeks, Instagram ads vs Cara art, what to do about Auth in your app, pre-negging any sponsorships, prototyping and feedback on projects, and ideas for future topics. Listen on WebsiteLinks Cloudflare took down our website after trying to force us to pay 120k$ within 24h Connect, Protect and Build Everywhere | Cloudflare Deploy app servers close to your users · Fly A social app for creatives, Cara grew from 40k to 650k users in a week because artists are fed up with Meta’s AI policies Cara | Artist Social & Portfolio Platform Auth0: Secure access for everyone. But not just anyone. WorkOS — Your app, Enterprise Ready. Theo - t3․gg How Big Things Get Done: The Surprising Factors That Determine the Fate of Every Project, from Home Renovations to Space Exploration and Everything In Between The Homer | Simpsons Wiki | Fandom A Global Design System | Brad Frost FAST

Show DescriptionSven Neumann aka Sven Codes talks with us about SudokuPad, developing a cross-platform app, integrating new puzzles and features, the benefits of being easy to use, building a community, and monetizing an app while not upsetting your user base. Listen on WebsiteGuestsSven NeumannGuest's Main URL • Guest's SocialCreator of Sven's SudokuPad. Links Solving “The Miracle Sudoku” SudokuPad Web App - by SvenCodes.com and Cracking The Cryptic Cracking The Cryptic svencodes.com Sven Codes (@svencodes) / X Sven Codes Sven Codes | Creating Sudoku Tools | Patreon Buy Sven Neumann a Coffee Sven's SudokuPad on Steam Sven's SudokuPad on the App Store Sven's SudokuPad - Apps on Google Play

Show DescriptionMatt Visiwig stops by to chat with us about his site, SVGBackgrounds.com, a membership site for copy-and-paste website graphics built around SVG. We talk about why he built the site, how he decided to monetize it, competing with AI garbage on the web, pricing membership options, and how he's running the site. Listen on WebsiteGuestsMatt VisiwigGuest's Main URL • Guest's SocialSelf-employed web designer, building SVGBackgrounds.com. Links Customize and apply backgrounds fast | SVG Backgrounds Matt Visiwig Matt Visiwig (@MattVisiwig) / X Purchase the Perfect MemberPress Plan for Your Site Today | MemberPress chroma.js api docs! jscolor: JavaScript Color picker with Opacity (alpha channel) ACF | Advanced Custom Fields Plugin for WordPress Frontend Masters Boost – Helping Your Journey to Senior Developer

Show DescriptionWe're chatting with Jason Grigsby about what a white-collar recession means, how the sources and methods of consuming news shape our perspectives, whether the current economic conditions represent a market correction and if a rebound is imminent. We explore the critical decision of whether to embrace AI advancements or risk being left behind. We also talk about AI-generated voices, large language models and ethics, and the impact of social media signals in an AI world. Listen on WebsiteGuestsJason GrigsbyGuest's Main URL • Guest's SocialCo-Founder of Cloud Four. Author of Progressive Web Apps from A Book Apart. Links An Event Apart - Farewell Cloud Four – Responsive web design and development, progressive web apps Jason Grigsby – A resurrected blog on the Indie Web Jason Grigsby (@grigs) / X High-Salary Job Scarcity Code Tests AI Ethical Framework iPhone Personal Voice MacWhisper Progressive Web Apps Decoder

Show DescriptionLuke Abbott is the creator of Strum Machine, an app that simulates backing tracks by stitching together individual notes, chords, and strums recorded on guitar, standup bass, and mandolin. We talk about what Strum Machine does, why he decided to build it, how bringing on a professional designer helped, pricing thoughts, and the "fun" of building a version on iOS. Listen on WebsiteGuestsLuke AbbottGuest's Main URL • Guest's SocialMusician and creator of Strum Machine. Links Strum Machine: customizable backing tracks made from real instruments Tater Joes Old-Time Musical Mercantile Chris Coyier on Strum Machine iReal Pro Practice PG Music SoundJS Library Tone.js Latest Posts - Page 2 Apache Cordova Extensive Song Catalog howler.js A Tale of Two Clocks

Show DescriptionDave'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 WebsiteLinks 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

Show DescriptionAdam 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 WebsiteGuestsAdam ArgyleGuest's Main URL • Guest's SocialCSS 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

Show DescriptionChris 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 WebsiteLinks 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

Show DescriptionMatt 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 WebsiteGuestsMatthew HaugheyGuest's Main URL • Guest's SocialA 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

Show DescriptionDave & 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 WebsiteLinks 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

Show DescriptionDave'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 WebsiteLinks 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 SponsorsRadical 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 DescriptionWhat 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 WebsiteGuestsBlake WatsonGuest's Main URL • Guest's SocialCurrently 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