Afleveringen
-
Show Description
Luke 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 Website →
GuestsLuke AbbottGuest's Main URL ⢠Guest's Twitter
Musician and creator of Strum Machine.
LinksStrum Machine: customizable backing tracks made from real instrumentsTater Joes Old-Time Musical MercantileChris Coyier on Strum MachineiReal Pro PracticePG MusicSoundJS LibraryTone.jsLatest Posts - Page 2Apache CordovaExtensive Song Cataloghowler.jsA Tale of Two ClocksSponsors -
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 →
LinksAlgorithms & Data Structures | Learn Algorithms with TypeScript for Interviews | Frontend MastersInformation asymmetryFluent 2 Design SystemFont AwesomeWeb AwesomeIcĂ´nesIconify â Search IconsCreate Floating UIUser App TourSponsors -
Zijn er afleveringen die ontbreken?
-
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 →
GuestsAdam ArgyleGuest'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 ideasInvent Masonry LayoutFeedback on Masonry Layout â Frontend Masters BoostMasonryCSS MasonryWhat would you call this layout?Web Bloat ImpactSponsors -
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 →
LinksFROSTAPALOOZA - A CONCERT/PARTY/HAPPENING ON AUGUST 17th, 2024601: Brad Frost on A Global Design System + Frostapalooza â ShopTalkAudigo - The pocket-size recording studioFinal Cut Pro SynciPhone Webcam for MacAcapella PicPlayPostEleventy GeneratorAstroEnhanceTransform Plain TextHome pageEfficient Package ManagerExplore Coding IdeasCode Editor CommunityNode.js DocumentaryGoodbye Atom. Hello Zed.Zed is now open sourceGit Branching, RefinedDesign System TrackerLocal WordPress DevelopmentStudio by WordPress.comWordPress Security & PerformanceMelanie SumnerIBM acquires HashiCorpTurboTax Deceptive FilingTikTok Tax AdviceSafari Selection RenderingVal TownSponsors -
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 →
GuestsMatthew HaugheyGuest'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.
LinksMatt HaugheyBlogger.com - Create a unique and beautiful blog easily.MetaFilter | Community WeblogMovableType.orgThe story of b2, b2evolution and WordPressGhost: The best open source blogging platformMicro.blogA Whole Lotta NothingNotes from migrating 24 years of blog posts from WordPress to GhostIdeas for my dream blogging CMSEmbrace the weirdThe newest episode of Search Engine is incredibleBest printer 2023: just buy this Brother laser printer everyone has, itâs fine - The VergeSponsors -
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 →
Linkschan (@chantastic) / XThe Texas TribuneThe Coming Wave BookDrupal - Open Source CMS | Drupal.orgElectric Air Duster - 130000RPM Compressed Air Dusterďź3 Gear Adjustable Jet Dry Blower can Reusable Can for Computer Keyboard,Outdoors,Car,Home. : ElectronicsxScope ⢠Measure. Inspect. Test.The Many, Confusing File System APIs â Cloud FourSponsors -
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 →
LinksStreamlining APIs, Databases, & Microservices | Apollo GraphQLSvelte ⢠Cybernetically enhanced web appsEmber.js - A framework for ambitious web developersWeb Test Runner: Modern WebFrontend Masters Boost â Helping Your Journey to Senior DeveloperNotion â The next gen of notes & docsPaperStashpad - Your streamlined Google Docs alternativeButterDocs | Google Docs Alternative for Serious Writers & TeamsThings - To-Do List for Mac & iOSGodspeedAboard - Collect. Organize. Collaborate.Obsidian - Sharpen your thinkingAnalog - The original to-do system by UgmonkCleanShot X for MacIndieWebify.Me - a guide to getting you on the IndieWebULTIMATE GUITAR TABSJohn Deere commits to letting farmers repair their own tractors (kind of) - The VergeSponsorsRadical 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 →
GuestsBlake WatsonGuest's Main URL ⢠Guest's Twitter
Currently a member of the frontend dev team at MRI Technologies, working on projects for NASA.
LinksWatson Brothers GamesAn app can be a home-cooked mealblakewatson.com â Aboutblakewatson.com â MagnoliaJS 2023: The joys of home-cooked appsMRI Technologiesblakewatson.com â Building our own private Discord knockoffblakewatson.com â Things I missblakewatson.com â Use your Mac the way I do: a thought experimentOverimagine1/old-discord-font: CSS to revert Discord's font change.A Fine Start - minimal new tab pageKnockout : HomeVue.js - The Progressive JavaScript Framework | Vue.jsThe Programming Language LuaSave 10% on Thronefall on SteamGame Off 2023 - itch.ioSponsors -
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 →
LinksFront End Happy HourPlaydateDevelop for PlaydateNuxt: The Intuitive Vue Framework ¡ NuxtThePrimeagenFast, disk space efficient package manager | pnpmYarnSponsorsRadical DesignAre 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 →
GuestsFred K. SchottGuest's Main URL ⢠Guest's Twitter
Co-creator of Astro.
LinksAstro DB: A Deep Dive | AstroAstro DBAstro DB: A Deep Dive | Astrotursodatabase/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.orgBen Holmes on X: "Astro built a database platform. How does it work?ClerkLucia documentationPlanetScale foreverAstro DB Just ReleasedSponsors -
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 →
GuestsMichelle BarkerGuest'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.
LinksMichelle BarkerAda ModeWindscopeCSS { In Real Life }Michelle Barker (@[email protected]) - Front-End SocialMichelle BarkerMichelle Barker on CodePenmbarker84 (Michelle Barker)shoptalkshow.com - Website Carbon Calculatorpaulirish/lite-youtube-embed: A faster youtube embed.SponsorsRadical Design CourseAre 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
Jim Nielsen joins us to about URLs and linking as the new subversive way to maintain the web, paying for news in Canada, should content creators be worried about AI, the case for design engineers, RSS in HTML, and the state of state and UI.
Listen on Website →
GuestsJim NielsenGuest's Main URL ⢠Guest's Twitter
Designer. Engineer. Writer.
LinksAbout - Jim Nielsenâs BlogâWherever you get your podcastsâ is a radical statement - Anil DashThe Subversive Hyperlink - Jim Nielsenâs BlogMore Files Please - Jim Nielsenâs BlogCanada to keep pressure on Facebook to pay for news, Trudeau saysCite Your Sources, AI - Jim Nielsenâs BlogFor the first few decades of the web, the tacit agreement wa...The Case For Design Engineers, Pt. II - Jim Nielsenâs BlogRSS in HTML: A Follow-Up - Jim Nielsenâs BlogStyle your RSS feedUI is a Function of Your Organization - Jim Nielsenâs BlogUI daverupert.comNotes from âWhy Canât We Make Simple Software?â By Peter van Hardenberg - Jim Nielsenâs BlogI Staked Out My Local Dominoâs to See Just How Accurate Its Pizza Tracker IsThe Benevolent Deception: When Should a Doctor Lie to Patients? - The AtlanticSponsorsElicitElicitâs goal is to radically increase high-quality reasoning in science and beyond. As early as 2017, they pioneered process supervision, an approach to breaking down complex work for advanced machine learning systems, so that it remains transparent and controllable. Today they use language models to help more than 200,000 researchers each month. They just raised a $9 million seed round and are looking for exceptional engineers across frontend, backend, and ML. If you're an exceptional front-end engineer looking to build the next generation of AI interfaces with a modern tech stack (Next, Tailwind, Chakra), join them! -
Show Description
A follow up on jQuery conversation, Microsoft owning all the things, what VS Code plugins are your ride or die, the ability to Git from wherever you want, Tailwind drama, global design system follow up, Arc Search gets roasted, and Frontend Design Conference is back!
Listen on Website →
LinksGitHub - tc39/proposal-type-annotations: ECMAScript proposal for type syntax that is erased - Stage 1Chris Coyier on Embracing Technology and the Future of Web Development - Whiskey Web and Whatnot - Episode 131ZedDracula OfficialGitLensTower Git ClientGitHub DesktopâWherever you get your podcastsâ is a radical statement - Anil DashSourcetree Tailwind marketing and misinformation engineWhat is Utility-First CSS?: HeydonWorksA Global Design System | Brad FrostThoughts on a Global Design System â Chris CoyierArc SearchCan Apple Win Back Music - Brad FrostCarolina Chocolate DropsTPAIN - TwitchFront-end Design Conference - April 25-26, 2024SponsorsWixWix Studio combines pure web design with maximum productivity. Taking the grind out of website creation for professional designers. Use the powerful visual editor, or work online in a VS Code-based IDE, or code locally and push changes via GitHub. -
Show Description
Josh (or Jsoh) stops by to talk about his work at Deno, recent blog posts on Copilot, why Svelte is awesome and React is not, Apple and PWA, and building word games on the web.
Listen on Website →
GuestsJosh CollinsworthGuest's Main URL ⢠Guest's Twitter
Frontend Engineer at Deno, the maker and designer of the word games Quina, and Hondo.
LinksJosh CollinsworthDeno, the next-generation JavaScript runtimeDeno Deploy | DenoFresh - The next-gen web framework.I worry our Copilot is leaving some passengers behind - Josh Collinsworth blogHow A Small Team of Developers Created React at Facebook | React.js: The DocumentaryVite | Next Generation Frontend ToolingScreen Recorder for macOS. Beautiful videos in minutes | Screen StudioCleanShot X for Macstitchy - crates.io: Rust Package RegistryRaycastHomeSquooshRunJS - JavaScript PlaygroundQuina - MenuHondo - a word game in 100 words or lessHome / PWABuilderSponsorsJoin Elicit as a software engineerElicitâs goal is to radically increase high-quality reasoning in science and beyond. As early as 2017, they pioneered process supervision, an approach to breaking down complex work for advanced machine learning systems, so that it remains transparent and controllable. Today they use language models to help more than 200,000 researchers each month. They just raised a $9 million seed round and are looking for exceptional engineers across frontend, backend, and ML. If you're an exceptional front-end engineer looking to build the next generation of AI interfaces with a modern tech stack (Next, Tailwind, Chakra), join them! -
Show Description
Voiceover pays us a visit, we talk about what accessibility really means, the difficulty of closing a dialogue element, web components at work, and jQuery 4 is out.
Listen on Website →
LinksOpportunities for AI in Accessibility â A List Apartthe-pastry-box-project.netAn Alphabet of Accessibility Issues by Anne GibsonAlphabet of Accessibility DeckUnderstanding accessibility through ABCs â On the IssuesFrontend Masters Boost â Helping Your Journey to Senior Developerstorage-form Web Component - David DarnesCodeMirrorFitVids.JS - A lightweight, easy-to-use jQuery plugin for fluid width video embeds.HTML with Superpowers | HTML with SuperpowersLearn from Dave Rupert's courses | Frontend MastersjQuerySponsorsMiroFind simplicity in your most complex projects with Miro. Your first three Miro boards are free when you sign up today at Miro.com. -
Show Description
Brad Frost has got design systems on his mindâat a global scale. What is a global design system? Are two design systems ever the same? How would this slot inside atomic design? What has been the response from the web community to global design system as an idea? And what's Frostapalooza?
Listen on Website →
GuestsBrad FrostGuest's Main URL ⢠Guest's Twitter
Design system consultant, web designer, speaker, writer, and musician located in beautiful Pittsburgh, PA.
LinksA Global Design System | Brad FrostShadcn UIHomer Designs a CarThis Is Big DesignFrostapalooza ConcertBrad FrostBrad Frost (@brad_frost) ⢠Instagram photos and videosbradfrost (Brad Frost) ¡ GitHubBrad Frost on CodePenBrad FrostBrad Frostbrad_frostâs Music Profile | Last.fmSponsorsJam.devYouâve probably heard of Jam.dev, itâs used by more than 60,000 people. Itâs a free tool that saves developers a ton of frustration. It forces your teammates to make the perfect bug report. They canât do it wrong because it automatically includes a video of the bug, console logs, network requests, everything you need to debug. It automatically lists out the steps to reproduce. Itâs so easy to get your teammates to use. Itâs just a Chrome extension. When they see a bug, they click a button and right away it creates a ticket. So it saves time for them. -
Show Description
We've got your feedback as well as our thoughts on where we all think the web will be in 2036 - as we celebrate 12 years of ShopTalk Show history, we're looking forward to what's to come with ideas around cookie banners, undo, no more passwords, React, Deno, Node, and Mozilla's future, ChatGPT's thoughts, accessibility, blockchain, VR / AR, hoverboards, P3 color space, indie web, JS bundle sizes, and more!
Listen on Website →
Links12 predictions for the next 12 years to celebrate 12 years of ShopTalkThe most powerful Git client for Mac and Windows | Tower Git ClientJustin Peacock: "@chriscoyier @davatron5000 sinâŚ" - Super RadFuture of Web 2034Obsidian - Sharpen your thinkingrabbit â homeApple Vision Pro - AppleA Global Design System | Brad FrostLemon Productions Podcast Editing by Chris Ennsphamtranscriptionservices.comSponsorsJam.devYouâve probably heard of Jam.dev, itâs used by more than 60,000 people. Itâs a free tool that saves developers a ton of frustration. It forces your teammates to make the perfect bug report. They canât do it wrong because it automatically includes a video of the bug, console logs, network requests, everything you need to debug. It automatically lists out the steps to reproduce. Itâs so easy to get your teammates to use. Itâs just a Chrome extension. When they see a bug, they click a button and right away it creates a ticket. So it saves time for them. -
Show Description
Dave and Chris discuss indie web culture, the role of social media in today's society, and the challenges and strategies of freelancing. Additionally, they discuss a range of topics from content moderation, coding and refining tech skills, to emerging startups and the future of web technology.
Listen on Website →
LinksCracking The CrypticHow Adam Savage COMPLETELY Overhauled His WorkshopWhere have all the websites gone?I miss RSSkottke.org - home of fine hypertext productsDaring FireballChris Coyier â Web craftsman, blogger, author, speaker.The Homepage of Dave Rupert | daverupert.comNaz HamidSubstack Is Not Infrastructure â Pixel EnvyWhy Platformer is leaving SubstackDuolingo - The world's best way to learn a languageShutting down Artifact. Weâve made the decision to wind down⌠| by Artifact Team | Artifact News | Jan, 2024 | MediumDaring Fireball: Artifact Is Shutting Down After One YearThe Quiet Death of Ello's Big Dreams - Waxy.orgIndieWeb - IndieWebWebmention - IndieWebQuick thoughts on chips | daverupert.comQuicker Thoughts on Chips - Snook.caEmail is good. â A site about email productivity.Lemon Productions - Podcast Editing and Production by Chris EnnsBrad Frost | Design system consultant, author of Atomic Design, web designer, and musicianCourses by Kent C. DoddsSponsorsJam.devYouâve probably heard of Jam.dev, itâs used by more than 60,000 people. Itâs a free tool that saves developers a ton of frustration. It forces your teammates to make the perfect bug report. They canât do it wrong because it automatically includes a video of the bug, console logs, network requests, everything you need to debug. It automatically lists out the steps to reproduce. Itâs so easy to get your teammates to use. Itâs just a Chrome extension. When they see a bug, they click a button and right away it creates a ticket. So it saves time for them. -
Show Description
Jen Simmons, Apple Evangelist on the Web Developer Experience team for Safari & WebKit, stops by to talk about what Interop is, and a look ahead at new CSS features in Webkit and Safari such as JPEG XL, masks, a round function, JavaScript improvements, styling form controls, content unblocks, masonry, and more!
Listen on Website →
GuestsJen SimmonsGuest's Main URL ⢠Guest's Twitter
 Apple Evangelist on the Web Developer Experience team for Safari & @webkit. Member of CSS Working Group.
LinksCan I use... Support tables for HTML5, CSS3, etcApple DeveloperJPEG - JPEG XLWebKitBugzilla Main PageSponsorsJam.devYouâve probably heard of Jam.dev, itâs used by more than 60,000 people. Itâs a free tool that saves developers a ton of frustration. It forces your teammates to make the perfect bug report. They canât do it wrong because it automatically includes a video of the bug, console logs, network requests, everything you need to debug. It automatically lists out the steps to reproduce. Itâs so easy to get your teammates to use. Itâs just a Chrome extension. When they see a bug, they click a button and right away it creates a ticket. So it saves time for them. -
Show Description
We're closing in on episode 600 and need your help to celebrate! Listen in to learn how to contribute to the episode. We're also talking GitHub desktop apps and code editors, how many VS Code plugins are needed, reading long form like Poor Charlie's Almanack, InVision shutting down, and answering our first Q of the year: how would you approach learning web development in 2024?
Listen on Website →
LinksThe most powerful Git client for Mac and Windows | Tower Git ClientGitHub Desktop | Simple collaboration from your desktopZed - Code at the speed of thoughtTree-sitterď˝IntroductionPanic - NovaJetBrains: Essential tools for software developers and teamsPoor Charlieâs Almanack: The Essential Wit and Wisdom of Charles T. MungerStripe Press â Ideas for progressEngineering Management for the Rest of UsStripe Press â Ideas for progressStripe Press â The Dream MachineStripe Press â The Making of Prince of PersiaThe Very Best Podcasts of 2023The 25 Best Podcasts of 2023 - The AtlanticâSearch Engineâ Podcast Brings Back the Joy of âReply AllâUX design company InVision is shutting down this yearWebsite design software | Adobe DreamweaverLearn JavaScript, React, and TypeScript to Node.js, Fullstack, and Backend | Frontend MastersLearn from Emma Bostian's courses | Frontend MastersTrending - CodePenSponsorsJam.devYouâve probably heard of Jam.dev, itâs used by more than 60,000 people. Itâs a free tool that saves developers a ton of frustration. It forces your teammates to make the perfect bug report. They canât do it wrong because it automatically includes a video of the bug, console logs, network requests, everything you need to debug. It automatically lists out the steps to reproduce. Itâs so easy to get your teammates to use. Itâs just a Chrome extension. When they see a bug, they click a button and right away it creates a ticket. So it saves time for them. - Laat meer zien
