671: Naming Consistency, HTML Includes, and Mixins

ShopTalk

Player FM - Internet Radio Done Right

12,105 subscribers

Web Development

Web Development Education

اضافه شده در twelve سال پیش

محتوای ارائه شده توسط ShopTalk, Chris Coyier, and Dave Rupert. تمام محتوای پادکست شامل قسمت‌ها، گرافیک‌ها و توضیحات پادکست مستقیماً توسط ShopTalk, Chris Coyier, and Dave Rupert یا شریک پلتفرم پادکست آن‌ها آپلود و ارائه می‌شوند. اگر فکر می‌کنید شخصی بدون اجازه شما از اثر دارای حق نسخه‌برداری شما استفاده می‌کند، می‌توانید روندی که در اینجا شرح داده شده است را دنبال کنید.https://fa.player.fm/legal

How to Be a Better Human

1
How to communicate better (w/ Charles Duhigg) 36:56

۸ weeks پیش36:56

پخش در آینده

لیست ها

پسندیدن

دوست داشته شد

36:56

What makes some people supercommunicators? How can you become one too? This is the central lesson in Charles Duhigg’s bestseller Supercommunicators: How to Unlock the Secret of Communication. Charles and Chris dissect what makes messy conversations so great, how to ask deep questions, and whether women and men communicate differently. They also discuss the different rules for different technologies — from telephones to Facebook to Signal — and how cautious politeness may be the best method to communicate effectively online. Follow Host: Chris Duffy (Instagram: @ chrisiduffy | chrisduffycomedy.com ) Guest: Charles Duhigg (Instagram: @charlesduhigg | LinkedIn: @charlesduhigg | Website: https://charlesduhigg.com/ ) Links Supercommunicators: How to Unlock the Secret Language of Connection The Power of Habit: Why We Do What We Do in Life and Business Subscribe to TED Instagram: @ted YouTube: @TED TikTok: @tedtoks LinkedIn: @ted-conferences Website: ted.com Podcasts: ted.com/podcasts For the full text transcript, visit go.ted.com/BHTranscripts Interested in learning more about upcoming TED events? Follow these links: TEDNext: ted.com/futureyou Hosted on Acast. See acast.com/privacy for more information.…

حدود یک سال پیش 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

Watch on YouTube

Links

491 قسمت

#Web Development #Tech #Software Development #Web Development Education #Tech Education #Shoptalkshow #Frontend #Web #Development #Design #Chris Coyier #Dave Rupert #Podcasting Education #ShopTalk #Webdesigner

ShopTalk

671: Naming Consistency, HTML Includes, and Mixins

ShopTalk

12,105 subscribers

published حدود یک سال پیش

اشتراک گذاری

MP3•خانه قسمت

Show Description

Listen on Website

Watch on YouTube

Links

491 قسمت

همه قسمت ها

ShopTalk

1
689: Tyler Sticka on Colorpeek 2 and Awesome CSS 1:04:04

۶ روز پیش1:04:04

1:04:04

Show Description In this episode we sit down with Tyler Sticka to discuss upgrading his project, Colorpeek. We explore the practical applications of web components and CSS, and how they are shaping the future of web development. Tyler shares his experiences with prototyping and the challenges of maintaining simplicity in design. Listen on Website Watch on YouTube Guests Tyler Sticka Guest's Main URL • Guest's Social I work with organizations to create and ship expressive, delightful and performant responsive experiences. I often design in the browser and I love to draw. Links Wirecutter: New Product Reviews, Deals, and Buying Advice Zojirushi SM-KHE48AG Stainless Steel Mug, 16-Ounce, Smoky Blue : Amazon.ca: Home Tyler Sticka (@tylersticka@social.lol) - social.lol Tyler Sticka (@tylersticka.com) — Bluesky Colorpeek 2 – Tyler Sticka Colorpeek · Simply Share Colors Emmet — the essential toolkit for web-developers AI Browsers, ad nauseam – Tyler Sticka ChatGPT's Atlas: The Browser That's Anti-Web - Anil Dash David Darnes - Designer, Front-end Developer & Writer specialising in Design Systems, Eleventy, Ghost & Jamstack David Bushell – Freelance Web Design & Front-end Development (UK)…

ShopTalk

1
688: Modern CSS Round-Out Tabs, OpenUI, and Why Websites? 55:58

13 روز پیش55:58

55:58

Show Description Dave and Chris discuss the transition of QuietUI's license to open source, the creative process behind blogging, modern CSS techniques, and the features of QuietUI, a new design system with unique components. Listen on Website Watch on YouTube Links CodePen 50 Reasons to Build a Website – Frontend Masters Blog "Why would anybody start a website?" - daverupert.com Clues By Sam Inkwell Games wip: terminal (initial commit) Modern CSS Round-Out Tabs – Frontend Masters Blog Quiet UI Web Awesome Lots to shout about in Quiet UI - daverupert.com…

ShopTalk

1
687: Ben Frain on Responsive Design 1:06:03

20 روز پیش1:06:03

1:06:03

Show Description Ben's got an updated edition of his book, Responsive Web Design with HTML5 and CSS, to chat about as well as how much AI is being inserted into writing, layers, scope, color contrast vs contrast color, shouldn't AI bots pay for data they slurp, iFrames permissions issues in Chrome, anchor positioning, and where have all the bloggers gone? Listen on Website Watch on YouTube Guests Ben Frain Guest's Main URL • Guest's Social I write web development books, make online courses, and publish YouTube videos. Links Ben Frain – author and web developer Responsive Web Design with HTML5 and CSS available at Amazon benfrain (GitHub) Ben Frain - YouTube JavaScript for Everyone - Piccalilli BCD Watch Sponsors Atomic Design Certification Course Master tokens AND atomic design to elevate your design systems game. Get access to both courses, which include hours of comprehensive video lessons, sample token architecture for Figma & Code, process diagrams, exercises, and exclusive Slack!…

ShopTalk

1
686: Todd Libby on Deceptive Patterns 1:00:22

27 روز پیش1:00:22

1:00:22

Show Description Todd Libby is on the show to talk with us about deceptive patterns on the web, what WCAG is and who it's for, and 5 deceptive patterns in use on the web today. Listen on Website Watch on YouTube Guests Todd Libby Guest's Main URL • Guest's Social Web developer and developer advocate from Portland, Maine now living in Phoenix, Arizona. I had been a developer for most of my 25 years professionally in tech before moving to accessibility. Links Front End Nerdery Trump used dark patterns to trick supporters into donating millions more than intended | The Verge Death to Bullshit | Brad Frost Deceptive Patterns (aka Dark Patterns) - spreading awareness since 2010 The Architecture of Anxiety and Shame, Part One…

ShopTalk

1
685: Fix My Home Tech, What’s Up with Firefox, and the MVP Car 1:06:14

۵ weeks پیش1:06:14

1:06:14

Show Description Who's the person to hire when your home network isn't working as reliably as it should? And while we're at it - can you also fix Dave's Find My notifications? What's the plan with Firefox in 2025? And Dave blogs (and mouth blogs) about his struggles with the MVP car. Listen on Website Watch on YouTube Links Why I hate the MVP car - daverupert.com TalkShop Show w/ Macho Man Randy Standards - Whiskey Web and Whatnot: Web Development, Neat - Episode 212 Sponsors Atomic Design Certification Course Master tokens AND atomic design to elevate your design systems game. Get access to both courses, which include hours of comprehensive video lessons, sample token architecture for Figma & Code, process diagrams, exercises, and exclusive Slack!…

ShopTalk

1
684: What Motivates Chris to Keep Working on CodePen? 1:09:48

۶ weeks پیش1:09:48

1:09:48

Show Description Listener questions about CSS ruby-position, crafting adaptive layouts using a responsive component, what keeps Chris motivated to work on CodePen, why are there no positive issues on GitHub., tech support in the age of AI, and a semi-regular segment of inbox therapy. Listen on Website Watch on YouTube Links Crafting adaptive layouts using a responsive component | by Michael Trilford | Bootcamp | Medium CodePen Radio – CodePen Introduction - Tree-sitter Design for Community: The Art of Connecting Real People in Virtual Places Sponsors Atomic Design Certification Course Master tokens AND atomic design to elevate your design systems game. Get access to both courses, which include hours of comprehensive video lessons, sample token architecture for Figma & Code, process diagrams, exercises, and exclusive Slack!…

ShopTalk

1
683: iOS 26 Safari, Material Support on the Web, and Fixing The Button Problem 54:33

۷ weeks پیش54:33

54:33

Show Description Dave and Chris discuss the release of Safari in iOS26, the aesthetics of Liquid Glass in CSS, the importance of material design, and the role of TypeScript in modern web development. The conversation also touches on when to consider rebuilding a tech stack, the significance of user experience, and how to know when to choose a new tech stack. Listen on Website Watch on YouTube Links Apple has a private CSS property to add Liquid Glass effects to web content Syntax - Web Development Podcast Theo - t3․gg - YouTube Gina Trapani Foursight Omakub — An Omakase Developer Setup for Ubuntu 24.04+ by DHH…

ShopTalk

1
682: Whiskey, Security, Antitrust, and Fun with CSS Functions 57:05

۸ weeks پیش57:05

57:05

Show Description Dave's got a Whiskey related content warning, recent security vulnerabilities in NPM, challenges with password management, and the complexities of digital security. They delve into Google's antitrust issues and the dynamics of the browser market, before transitioning to innovations in CSS, including custom properties and functions. The conversation wraps up with thoughts on the future of CSS and web development. Listen on Website Watch on YouTube Links Whiskey Web and Whatnot: Web Development, Neat Storybook: Frontend workshop for UI development Largest NPM Compromise in History - Supply Chain Attack : r/programming We all dodged a bullet - Xe Iaso Post by @cabel.panic.com — Bluesky Special: One on One with a Hacker – ShopTalk 1Password Watchtower This 25-minute video is the most riveting sudoku puzzle you will ever watch | The Verge Many years on the job and I still don't get it. - daverupert.com if() - CSS | MDN CSS at-rule functions - CSS | MDN CSS color-scheme-dependent colors with light-dark() – Bram.us Matthias Ott…

ShopTalk

1
681: CSS Reset Update, Arc Gets Bought, and Why Websites? 1:07:22

۹ weeks پیش1:07:22

1:07:22

Show Description Chris is updating us on the progress of his CSS reset, thoughts on The Browser Company and Arc being bought by Atlassian, and in 2025 why would anyone build a website? Listen on Website Watch on YouTube Links Bend Old-Time Jams and Events Join or Die Join or Die on Netflix Bowling Alone - Wikipedia Microsoft CTO Kevin Scott on the Birth of the Agentic Web - The Verge Chris' CSS Starter…

ShopTalk

1
680: CSS random(), IDs in HTML, and Chris Goes Browser Shopping 48:08

10 weeks پیش48:08

48:08

Show Description A quick update on Dave's hair, CSS random(), view transitions in CSS, thinking about IDs in HTML, opening details elements in a new tab, Chris tries out Edge, Shift, Zen and more, how Dave is trying to kick his YouTube tab habit, and government design fails. Listen on Website Watch on YouTube Links Monchhichi - Wikipedia Rolling the Dice with CSS random() | WebKit Cyd Stumpel | Portfolio Cyd Stumpel Get to know Microsoft Edge on Mac | Microsoft Edge Download Firefox for Desktop — from Mozilla Zen Browser Shift Browser | Drag and Drop. Build Your Custom Browser Kagi Search - A Premium Search Engine Limiting YouTube to a Single Tab - daverupert.com America by Design Fail 18F - Wikipedia…

ShopTalk

1
679: Two Idiots Argue With Kevin Powell About CSS 54:45

11 weeks پیش54:45

54:45

Show Description Kevin Powell is on the show with breaking news about display masonry, how his career on YouTube started and where it's at now, selling courses and diversifying the content you create, struggling with being on all the platforms, and writing vs video in the age of AI. Listen on Website Watch on YouTube Guests Kevin Powell Guest's Main URL • Guest's Social CSS Evangelist. I absolutely love CSS, and I want to help new front-end devs enjoy learning it, and help seasoned vets see how great it really is. Links Here's the content formatted as a markdown linked list: Kevin Powell | CSS Evangelist Kevin Powell - YouTube Courses Kevin Powell | creating front-end video tutorials | Patreon KevinPowellCSS - Twitch Kevin Powell (@kevinpowell.co) — Bluesky Kevin Powell (@kevinpowell@front-end.social) - Front-End Social Kevin on CodePen kevin-powell (Kevin Powell) · GitHub…

ShopTalk

1
678: AI Hype, Browser Journey, and Content Creation Incentives 54:58

12 weeks پیش54:58

54:58

Show Description Identifying where we are in the AI hype cycle, a quick #davegoeshairy update, what has been the impact of AI on tech creators, Chris is making his own CSS starter on stream, and Item flow / masonry discussions. Listen on Website Watch on YouTube Links Introducing GPT-5 - YouTube Simon Willison on ai Orion Browser by Kagi VisBug Chrome Canary Features For Developers - Google Chrome Download Microsoft Edge Zen Browser Google Backtracks On Plans For URL Shortener Service Impact of AI on Tech Content Creators Pre-commit Hooks, requestAnimationFrame, Code Reviews, and More - Syntax #922 CodePen Radio CSS Tools: Reset CSS Item Flow – Part 2: next steps for Masonry | WebKit…

ShopTalk

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

13 weeks پیش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 Watch on YouTube 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…

ShopTalk

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

14 weeks پیش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 Watch on YouTube 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…

ShopTalk

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

15 weeks پیش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 Watch on YouTube 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.…

به Player FM خوش آمدید!

Player FM در سراسر وب را برای یافتن پادکست های با کیفیت اسکن می کند تا همین الان لذت ببرید. این بهترین برنامه ی پادکست است که در اندروید، آیفون و وب کار می کند. ثبت نام کنید تا اشتراک های شما در بین دستگاه های مختلف همگام سازی شود.