688: Modern CSS Round-Out Tabs, OpenUI, and Why Websites?
Show DescriptionDave 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 WebsiteWatch on YouTubeLinks
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
--------
55:58
--------
55:58
687: Ben Frain on Responsive Design
Show DescriptionBen'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 WebsiteWatch on YouTubeGuestsBen FrainGuest's Main URL • Guest's SocialI 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
SponsorsAtomic Design Certification CourseMaster 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!
--------
1:06:03
--------
1:06:03
686: Todd Libby on Deceptive Patterns
Show DescriptionTodd 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 WebsiteWatch on YouTubeGuestsTodd LibbyGuest's Main URL • Guest's SocialWeb 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
--------
1:00:22
--------
1:00:22
685: Fix My Home Tech, What’s Up with Firefox, and the MVP Car
Show DescriptionWho'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 WebsiteWatch on YouTubeLinks
Why I hate the MVP car - daverupert.com
TalkShop Show w/ Macho Man Randy Standards - Whiskey Web and Whatnot: Web Development, Neat - Episode 212
SponsorsAtomic Design Certification CourseMaster 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!
--------
1:06:14
--------
1:06:14
684: What Motivates Chris to Keep Working on CodePen?
Show DescriptionListener 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 WebsiteWatch on YouTubeLinks
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
SponsorsAtomic Design Certification CourseMaster 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!
España