671: Naming Consistency, HTML Includes, and Mixins

ShopTalk

Player FM - Internet Radio Done Right

16,521 subscribers

Web Development

Web Development Education

הוסף לפני twelve שנים

תוכן מסופק על ידי ShopTalk, Chris Coyier, and Dave Rupert. כל תוכן הפודקאסטים כולל פרקים, גרפיקה ותיאורי פודקאסטים מועלים ומסופקים ישירות על ידי ShopTalk, Chris Coyier, and Dave Rupert או שותף פלטפורמת הפודקאסט שלהם. אם אתה מאמין שמישהו משתמש ביצירה שלך המוגנת בזכויות יוצרים ללא רשותך, אתה יכול לעקוב אחר התהליך המתואר כאן https://he.player.fm/legal.

All About Change

1
Gene Baur: Confronting the Morality of Factory Farming 28:16

לפני 12 ימים28:16

הפעל מאוחר יותר

רשימות

לייק

אהבתי

28:16

Gene Baur is the founder of Farm Sanctuary, a place of rescue, refuge, and adoption for hundreds of farm animals each year. Farm Sanctuary shelters enable visitors to connect with farm animals as emotional, intelligent individuals. Gene has also led campaigns to change laws about animal treatment and taken undercover photographs of farms, stockyards, and slaughterhouses, documenting deplorable conditions. His pictures and videos exposing factory farming cruelties have aired nationally and internationally, educating millions about the plight of modern farm animals, and his rescue work inspired an international farm sanctuary movement. Once called “the conscience of the food movement” by Time magazine, Gene walks the walk and talks the talk when it comes to food and animal rights. Jay and Gene discuss the political and cultural steps that will bring about the end of factory farming and a healthier approach to animals and food. Today's episode was produced by Tani Levitt and Mijon Zulu. To check out more episodes or to learn more about the show, you can visit our website Allaboutchangepodcast.com. If you like our show, spread the word, tell a friend or family member, or leave us a review on your favorite podcasting app. We really appreciate it. All About Change is produced by the Ruderman Family Foundation. Episode Chapters 0:00 Intro 1:05 The state of veganism 6:18 Cultural shifts around factory farming and veganism 14:58 Gene’s three paths of activism 17:44 Gene’s legislative successes 22:25 Accepting people where they are in their journeys 25:36 Thank you and goodbye For video episodes, watch on www.youtube.com/@therudermanfamilyfoundation Stay in touch: X: @JayRuderman | @RudermanFdn LinkedIn: Jay Ruderman | Ruderman Family Foundation Instagram: All About Change Podcast | Ruderman Family Foundation To learn more about the podcast, visit https://allaboutchangepodcast.com/ Looking for more insights into the world of activism? Be sure to check out Jay’s brand new book, Find Your Fight , in which Jay teaches the next generation of activists and advocates how to step up and bring about lasting change. You can find Find Your Fight wherever you buy your books, and you can learn more about it at ⁠⁠⁠⁠⁠www.jayruderman.com⁠⁠⁠⁠⁠ .…

לפני שנה 1:05:28

MP3•בית הפרקים

Show Description

Chris reflects on CSS Day in Amsterdam, allowing languages to grow with nonstandard elements, naming things continues to be hard, shapes are going to get weird on the web, HTML includes get stirred up, thoughts on CSS mixins, and Dave's blogging about resizing text fun.

Listen on Website →

671: Naming Consistency, HTML Includes, and Mixins

ShopTalk

16,521 subscribers

published לפני שנה

שתפו

MP3•בית הפרקים

Show Description

Listen on Website →

All episodes

ShopTalk

1
677: Background Code Agents, Append AI, and RSS Starter Packs 1:02:02

לפני 5 ימים1:02:02

1:02:02

Show Description What helps you remember a person's name, thinking about background coding agents, is AI for append only mode, what are MCPs and how should I think about them, what has been working for more than a month not just the last two days, and coming up with an RSS starter pack riffing off Molly White's article on using RSS. Listen on Website → Links Visual Studio Code - YouTube Cursor - The AI Code Editor Visual Studio Code - Code Editing. Redefined A single data and AI development environment - Amazon SageMaker Unified Studio - AWS Jules - An Asynchronous Coding Agent Curate your own newspaper with RSS Chris Coyier – Web craftsman, blogger, author, speaker. The Homepage of Dave Rupert - daverupert.com Chris Coyier Molly White The Verge Adactio: Jeremy Keith Adactio: Links Jim Nielsen's Blog Home | Rach Smith's digital garden Maggie Appleton Naz Hamid kottke.org - home of fine hypertext products live laugh blog | hi, i'm jenn schiffer and this is my lifestyle blog Sharing what we learn about the responsive web – Cloud Four web.dev Blog | WebKit Home - Microsoft Edge Blog Blog • Lea Verou Frontend Masters Blog – Helping Your Journey to Senior Developer ui.dev | JavaScript, but fun. Welcome to Ethan Marcotte's website — Ethan Marcotte Josh Collinsworth | Blog everything changes Writing – Eric Bailey Balatro University - YouTube Sponsors…

ShopTalk

1
676: The $200 Upgrade, CSS Module Scripts, and Social Media Ethos 1:00:07

לפני 12 ימים1:00:07

1:00:07

Show Description It's time for a ShopTalk GearTalk segment on video and audio upgrades, a chat about better YouTube thumbnails, buying the $200 Yamaha guitar (or equivalent in other areas of life), Chris and Dave riff on CSS modules, and what's your social media ethos in 2025? Listen on Website → Links how to make a killer thumbnail (for the 2025 algorithm) - YouTube Facecam 4K | Elgato Before I go: Always buy the $200 Yamaha - daverupert.com The $200 Yamaha – Chris Coyier 668: Jake Archibald on Native HTML Includes – ShopTalk 668: Jake Archibald on Native HTML Includes - YouTube 605: Jim Nielsen on Subversive URLs, Blogging + AI, and Design Engineers – ShopTalk 504: Jim Nielsen Blogging, App Icons, Color, and Images – ShopTalk A social media ethos - daverupert.com Sponsors…

ShopTalk

1
675: Building Hot Page with Tim Farnam 1:03:59

לפני 19 ימים1:03:59

1:03:59

Show Description Tim Farnam stops by to talk with Chris and Dave about his new project, Hot Page, and why and how he started building it after working in print and web news. (20% discount code for the Design Tokens Course: SHOPTALKSHOWISAWESOME) Listen on Website → Guests Tim Farnam Guest's Main URL • Guest's Social Creative coder based in Mexico City, building Hot Page to help people make better websites, learn web development and quit their reliance on big tech. Links Hot Pricing Design Tokens Course with Brad Frost and Ian Frost Web Awesome Sponsors Design Tokens Course World-renowned design systems experts Brad Frost (creator of Atomic Design) and Ian Frost teach you everything you need to know about creating an effective design token system to help your organization design and build at scale.…

ShopTalk

1
674: Context in Console, CodePen’s New Editor, and Looking for a New Arc 1:01:39

לפני 26 ימים1:01:39

1:01:39

Show Description Dave's coming in hot from vacation, how CodePen's new editor imports packages, should CodePen fix your code if you forgot something, the struggle to get the right context in the console, Chris is still shopping for an Arc replacement, and the struggles with inspiration driven engineering. (20% discount code for the Design Tokens Course: SHOPTALKSHOWISAWESOME) Listen on Website → Links Orion Browser by Kagi Meet Dia Chrome Canary SigmaOS Mythic Quest - Wikipedia Sponsors Design Tokens Course World-renowned design systems experts Brad Frost (creator of Atomic Design) and Ian Frost teach you everything you need to know about creating an effective design token system to help your organization design and build at scale.…

ShopTalk

1
673: Live-streaming Demos, CSS Animation Composition, and Anchor Position 59:14

לפני 5 weeks59:14

59:14

Show Description Chris and Dave chat about whether you should wing it or script your videos, unplanned demos versus the safety net of edited videos, streaming software with Ecamm Live vs OBS vs Streamlabs, new CSS animation composition, and anchor positioning thoughts. (20% discount code for the Design Tokens Course: SHOPTALKSHOWISAWESOME) Listen on Website → Links Canon EOS 5D Mark IV Sony ZV-1 Twitch > jlengstorf Twitch > ChrisCoyier YouTube > Chris Coyier Frontend Masters Figma Canva Figma Buzz YouTube > Mark Rober YouTube > The Coding Train Ecamm Live YouTube > CodePen Floating UI Sponsors Design Tokens Course World-renowned design systems experts Brad Frost (creator of Atomic Design) and Ian Frost teach you everything you need to know about creating an effective design token system to help your organization design and build at scale.…

ShopTalk

1
672: Design Tokens, Web Compents, and Web Monetization 51:30

לפני 6 weeks51:30

51:30

Show Description We're all addicted to Clues by Sam and wonder about the data structure for the site, good thoughts on the design tokens community, shadow DOM, the state of web components in mid-2025, dealing with JSON, and new ideas around web monetization. (20% discount code for the Design Tokens Course: SHOPTALKSHOWISAWESOME) Listen on Website → Links Clues By Sam web-platform-tests dashboard P&B: Dave Rupert – Manu Web Bucks Supertab | Reduce friction and drive revenue with Pay-as-you-go Introducing pay per crawl: enabling content owners to charge AI crawlers for access Get early access: Cloudflare Pay Per Crawl Private Beta | Cloudflare Sponsors Design Tokens Course World-renowned design systems experts Brad Frost (creator of Atomic Design) and Ian Frost teach you everything you need to know about creating an effective design token system to help your organization design and build at scale.…

ShopTalk

1
671: Naming Consistency, HTML Includes, and Mixins 1:05:28

לפני 7 weeks1:05:28

1:05:28

Show Description Chris reflects on CSS Day in Amsterdam, allowing languages to grow with nonstandard elements, naming things continues to be hard, shapes are going to get weird on the web, HTML includes get stirred up, thoughts on CSS mixins, and Dave's blogging about resizing text fun. Listen on Website → Links Understanding CSS corner-shape and the Power of the Superellipse – Frontend Masters Blog CSS Functions and Mixins Module explainers/declarative-partial-document-updates.md at main · noamr/explainers · GitHub Houdini APIs - Web APIs | MDN Inverse text-sizing based on text-length with attr() - daverupert.com Fit-to-Width Text: A New Technique inverse text-sizing with attr - bigtext.js style - contenteditable dealio ShopTalk Show | creating Podcasts about building websites | Patreon Sponsors…

ShopTalk

1
670: Brad and Ian Frost on Their New Design Tokens Course 1:08:26

לפני 8 weeks1:08:26

1:08:26

Show Description Brad and Ian stop by to chat about their new course, The Complete Guide to Design Tokens, what happens if you don't use design tokens on projects, what the ideal outcome is for building and designing with design tokens, how many colors is enough, what about refactoring, and does Figma or code win the argument? (Brad and Ian did give us a 20% discount code for the course: SHOPTALKSHOWISAWESOME) Listen on Website → Guests Brad Frost Guest's Main URL • Guest's Social Design system consultant, web designer, speaker, writer, musician, and artist located in beautiful Pittsburgh, PA. Ian Frost Guest's Main URL • Guest's Social Front-end architect, technical lead, and consultant who loves to help level up developers. Links Design Tokens Course with Brad Frost and Ian Frost Dotdash Meredith - America's Largest Digital & Print Publisher Nord Design System React Aria Style Dictionary | Style Dictionary Sponsors…

ShopTalk

1
669: Peter Pistorius on Developing RedwoodSDK 1:07:06

לפני 9 weeks1:07:06

1:07:06

Show Description We're chatting with Peter Pistorius about the change they made from RedwoodJS to RedwoodSDK, how it's going to handle routing, some new marketing ideas for RedwoodSDK, how RedwoodSDK's principles are informed by where Peter's from, choosing to go all in on Cloudflare, how the community has responded, and plans for monetization. Listen on Website → Guests Peter Pistorius Guest's Main URL • Guest's Social Working on RedwoodSDK Links peterp (Peter Pistorius) · GitHub GitHub - peterp/Blackspace: Add blank spaces to OS X's Dock Billable: Billing Made Simple. Period. RedwoodJS RedwoodSDK | The React Framework for Cloudflare Miniflare · Cloudflare Workers docs Plugins | Vite HTMLRewriter · Cloudflare Workers docs Sponsors…

ShopTalk

1
668: Jake Archibald on Native HTML Includes 1:05:24

לפני 10 weeks1:05:24

1:05:24

Show Description Jake Archibald joins us to discuss HTML includes, potential solutions, and the implications of introducing such a feature. We talk about security concerns, performance implications, and community feedback regarding HTML imports. Listen on Website → Guests Jake Archibald Guest's Main URL • Guest's Social Engineer at Shopify. Once swam to the end of an infinity pool. Links Off The Main Thread podcast blink-dev - Google Groups Sponsors…

ShopTalk

1
667: Jen Simmons on Declarative Web Push, Form Control Styling, & More 1:07:02

לפני 11 weeks1:07:02

1:07:02

Show Description Jen Simmons stops by to talk about new CSS and Safari features like Form Control Styling, Declarative Web Push, Typography, contrast-color(), and more. Listen on Website → Guests Jen Simmons Guest's Main URL • Guest's Social Safari & WebKit Evangelist. Member of the CSS Working Group. Webmaster since 1996. Links webkit.org Safari Release Notes WCAG 2.0 contrast-color() function APCA Color Contrast Tool Color.js Release Lea Verou’s page on color contrast Declarative Web Push Web Push for Web Apps on iOS and iPadOS CSS Forms Level 1 Specification in Progress line-height units Home | Open UI text-wrap: pretty margin-trim CSS shape() function Two Lines of Cross-Document View Transitions Code Sponsors…

ShopTalk

1
666: What Are the Evils of the Web Platform? 1:02:12

לפני 12 weeks1:02:12

1:02:12

Show Description How it all comes back to the why column, dark patterns, privacy and tracking, getting emails forever from one purchase, how to be bold with communication while still being respectful, HTMHell, CSS mistakes, are we anti-JSON, and the state of FitVid in 2025. Listen on Website → Links Markup from hell - HTMHell Incomplete List of Mistakes in the Design of CSS [CSS Working Group Wiki] JSON Editing Douglas Crockford on JSON Fluid Video Plugin Sponsors…

ShopTalk

1
665: JavaScript Educator and Twitch Streamer Mat Marquis 1:01:18

לפני 13 weeks1:01:18

1:01:18

Show Description Fresh off his Megaman Streamathon, Mat Marquis joins us to talk about becoming a professional Twitch streamer, creating a JavaScript course, his thoughts on the design and content of said course, a brief moment on Linux in 2025, and attempts to make the web weird and fun again. Listen on Website → Guests Mat Marquis Guest's Main URL • Guest's Social My goal is to ensure that your content can reach any user, in any browsing context—regardless of the size of their screen, the speed of their internet connection, the age of their device, or the combination of browsers and assistive technologies they use to experience the web. Links I’m Mat. I make websites. Wilto (Mat Marquis) · GitHub Mat “Wilto” Marquis (@Wilto@front-end.social) - Front-End Social Mat “Wilto” Marquis (@wil.to) — Bluesky WiltoStreams - Live Streaming JavaScript for Web Designers Learn JavaScript CodeMirror Text Editor JavaScript Playground JavaScript for Everyone Premium Courses Paul Irish Profile Robin Sloan Framework Laptop 16 DIY Johnny Mnemonic Johnny Mnemonic Trailer #1 Sponsors…

ShopTalk

1
664: Figma Sites, CSS Carousels, and Internship Prep 1:05:29

לפני 14 weeks1:05:29

1:05:29

Show Description How much would you pay for new users, initial thoughts on Figma's announcements, CSS carousel follow up, favicon easter eggs, how do you prepare for an internship, and why aren't more developers using logical properties? Listen on Website → Links Windsurf (formerly Codeium) - The most powerful AI Code Editor Figma Sites Figma Make Figjam Are CSS Carousels Accessible? Windsurf (formerly Codeium) - The most powerful AI Code Editor Figma Sites: Design, Prototype & Publish Your Next Website Creative Design Tools Collaborative Whiteboard Presentation Creation AI-Powered Design Tools Learn to Code Faster Introducing Web Awesome Prioritization Advocacy axe Accessibility Tools Todoist Task Management Sponsors…

ShopTalk

1
663: HBD Dave, Silly Web Fun, Color-Mix Tips 1:00:32

לפני 15 weeks1:00:32

1:00:32

Show Description Do we sound drunk on Shorts? What speed do you listen to your podcasts at? Happy Birthday to Dave, Roblox scams, having silly fun on the web, Crashlands 2 released, a Balatro moment, non-standard browser use testing, and color-mix follow up. Listen on Website → Links The Adventure Zone | Maximum Fun Don't let your voice be flattened by the über theme - daverupert.com Crashlands 2 Adam Coster: Crashlands 2 Balatro University jQuery Reunion Sponsors Webflow x GSAP Community Challenge GSAP and ALL the plugins are now FREE for everyone thanks to Webflow (even for commercial projects)! The SplitText plugin has had a complete rewrite (half the size, accessible, and smarter text splitting). To celebrate: a community challenge all through May. Make something fun and win merch! One prompt each week featuring a different (previously paid) plugin.…

ברוכים הבאים אל Player FM!

Player FM סורק את האינטרנט עבור פודקאסטים באיכות גבוהה בשבילכם כדי שתהנו מהם כרגע. זה יישום הפודקאסט הטוב ביותר והוא עובד על אנדרואיד, iPhone ואינטרנט. הירשמו לסנכרון מנויים במכשירים שונים.