650: Layout in CSS, Balatro Q&A, Chrome Biz, & Forkin VS Code

ShopTalk

Player FM - Internet Radio Done Right

17,489 subscribers

Web Development

Web Development Education

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

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

The Agile Brand with Greg Kihlström®: Expert Mode Marketing Technology, AI, & CX

1
#697: Building the total experience for customers with AJ Joplin, Forrester 24:10

לפני 8 ימים24:10

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

רשימות

לייק

אהבתי

24:10

Does your AI-based interface talk to customers the way a real person would or is it tech for tech’s sake? We are here at Forrester CX in Nashville, TN and hearing all about the latest insights and ideas for brands to create better experiences for their customers. Agility is less about bolting on new features just because the tech is available and more about making tomorrow’s experiences feel intuitive and natural to the end customer using them. Today we’re diving into designing for the future of experiences with AJ Joplin, Senior Analyst at Forrester. About AJ Joplin AJ is the lead analyst for Forrester’s research on experience design (XD), design organizations, and design leadership. Helping XD and customer experience (CX) leaders develop and deliver on research-based strategy is AJ’s professional passion. She has observed that the most effective organizations combine clear purpose with the right people and leverage systems to clarify decision-making, prioritization, and workflows. AJ also has years of workshop facilitation experience in human-centered design and design thinking. Using her professional coaching skills, AJ bring clients through ambiguity and into alignment on what matters and what’s next. Resources Forrester: https://www.forrester.com https://www.forrester.com Catch the future of e-commerce at eTail Boston, August 11-14, 2025. Register now: https://bit.ly/etailboston and use code PARTNER20 for 20% off for retailers and brands Don't Miss MAICON 2025, October 14-16 in Cleveland - the event bringing together the brights minds and leading voices in AI. Use Code AGILE150 for $150 off registration. Go here to register: https://bit.ly/agile150 " Connect with Greg on LinkedIn: https://www.linkedin.com/in/gregkihlstrom Don't miss a thing: get the latest episodes, sign up for our newsletter and more: https://www.theagilebrand.show Check out The Agile Brand Guide website with articles, insights, and Martechipedia, the wiki for marketing technology: https://www.agilebrandguide.com The Agile Brand is produced by Missing Link—a Latina-owned strategy-driven, creatively fueled production co-op. From ideation to creation, they craft human connections through intelligent, engaging and informative content. https://www.missinglink.company…

לפני שנה 1:04:46

MP3•בית הפרקים

Show Description

Does layout make CSS difficult to learn from scratch, Chris quizzes Dave about Balatro, getting back into Pokemon, why should Google have to sell Chrome, adding fun features to apps you already have to keep you using them like Raycast, and thoughts on the VS Code forks + AI.

Listen on Website →

650: Layout in CSS, Balatro Q&A, Chrome Biz, & Forkin VS Code

ShopTalk

17,489 subscribers

published לפני שנה

שתפו

MP3•בית הפרקים

Show Description

Listen on Website →

כל הפרקים

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

לפני 1 day51: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. 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.…

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

לפני 8 ימים1: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…

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

לפני 15 ימים1: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…

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

לפני 22 ימים1: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…

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

לפני 29 ימים1: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…

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

לפני 5 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…

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

לפני 6 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…

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

לפני 7 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…

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

לפני 8 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…

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

לפני 9 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.…

1
662: Alternative Browsers, Discord vs Circle, and AI in the Browser 1:03:00

לפני 10 weeks1:03:00

1:03:00

Show Description We're talking browsers and discussing alternative options like Vivaldi and Brave, the implications of Chrome's potential sale to OpenAI, the impact of AI on browser functionality, Discord vs Circle, and building with Hotwire. Listen on Website → Links Newfangled Browser Alternatives – Frontend Masters Blog Zen Browser Horse Browser Vivaldi Browser | Powerful, Personal and Private web browser Opera GX | Gaming Browser | Opera Thorium Browser Mullvad Browser Fast and Private Web Browser DuckDuckGo Microsoft Edge Download OpenAI Chrome Acquisition Mozilla on U.S. v. Google HTML5 CSS3 Support Opera Air | Mindful Browser Opera Mini Download Hotwire Drawer Component CodePen Circle Discord Zulip Netlify Support Forums Retro Photo app Media Diet – Chris Coyier Sponsors…

1
661: Working Vacations, Ripping Out JavaScript, and Non-US Cloud Service Options 58:56

לפני 11 weeks58:56

58:56

Show Description What are the non-US cloud services options, falling off the blogging train and trying to get back on, working on vacation, Chris recaps the Alaskan Folk Festival experience, how often do you go back and clean out JavaScript, and the idea of gilding just one lily on a new project. Listen on Website → Links European Alternatives A lack of frequency increases the pressure to deliver quality Trap (2024) Reviews Polyfilling Concepts ex-Googler · April 10, 2025 Gild Just One Lily Blog Questions Challenge CodePen Development CSS clip-path maker Sponsors…

1
660: Teaching CSS, Conferences, and Masonry Updates 58:48

לפני 12 weeks58:48

58:48

Show Description Follow up on thoughts about teaching CSS from scratch, questions about conferences to attend as well as a way to kickstart a conference idea, some Balatro thoughts, and our thoughts on the recent Grid vs Masonry debate. Listen on Website → Links The Homebrewery - NaturalCrit SmashingConf in-person Conferences 2025 — Friendly, inclusive & fun events for web designers and developers. - SmashingConf New York, Freiburg, Antwerp and Online Web Design Event State of the Browser 13 Bring live to life Sponsors…

1
659: CSS Carousel Configurator Demos with Adam Argyle 1:10:29

לפני 13 weeks1:10:29

1:10:29

Show Description Adam Argyle joins us to chat about new CSS features that are demo'd in a carousel configurator - a builder-like experience to help visualize the capabilities of a CSS only Carousel: buttons, markers, paging and inertness. Listen on Website → Guests Adam Argyle Guest's Main URL • Guest's Social CSS at Google. Links Chrome Canary Features Demo Space CSS Carousel Configurator Black Emperor Sponsors…

1
658: Andy Bell on Working with Clients, Writing, and Building Courses for Web Builders 1:02:22

לפני 14 weeks1:02:22

1:02:22

Show Description We're joined by Andy Bell, the founder of Set Studio. They discuss the evolution of web design, the importance of client relationships, and the innovative approaches taken at Set Studio and Piccalilli. The conversation covers the shift from traditional design methods to a more browser-centric approach, the challenges of client work, and the significance of documentation in maintaining project integrity. Andy shares insights on creating customizable design systems and the necessity of having a decision-making framework in client interactions. Listen on Website → Guests Andy Bell Guest's Main URL • Guest's Social Designer, front-end developer and the founder of Set Studio and Piccalilli. Links Pen.new mdn.io Set.Studio Front-End Development Skills Obsidian Thinking Connected Workspace The Telepathy Tapes Complete CSS If it works, it's right - Piccalilli Carousels with CSS Sponsors…

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

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