The world still needs people who care - CodePen founder Chris Coyier interview [Podcast #212]

Today Quincy Larson interviews Chris Coyier. He's a front-end developer and co-founder of CodePen and the CSS Tricks blog. He has also recorded more than 700 podcasts about software engineering. We talk about: - How he thinks front-end development tools are 90% of the way to where they need to be - How developing for the web is "just as good as mobile, and you can reuse it everywhere." - And why high skilled devs working on novel problems don't need to worry about AI disrupting their careers Support for this podcast comes from the 10,113 kind folks who donate to our charity each month. Join them and support our mission at https://donate.freecodecamp.org Get a freeCodeCamp tshirt for $20 with free shipping anywhere in the US: https://shop.freecodecamp.org Links from our discussion: - Chris's personal site: https://chriscoyier.net/ - CodePen: https://codepen.io/chriscoyier - ShopTalk Podcast: https://shoptalkshow.com/ - Bluesky: https://bsky.app/profile/chriscoyier.net - Mastodon: https://front-end.social/@chriscoyier Community news section: 1. freeCodeCamp just published a comprehensive DevOps course that will teach you how to deploy your apps to production safely. You'll build your own CI/CD (Continuous Integration / Continuous Delivery) pipeline. Along the way you'll learn about branching strategies, Jenkins Freestyle Jobs, GitFlow, Maven, and more. This is a perfect way to build your skills over spring break. (17 hour YouTube course): https://www.freecodecamp.org/news/ci-cd-in-production-with-jenkins/ 2. Learn how to fine-tune an LLM to incorporate your own proprietary data. This is super useful if you need off-the-shelf LLMs to do novel tasks that they weren't originally optimized for. This course will teach you all about Parameter-Efficient Fine-Tuning, and how to use techniques like LoRA and QLoRA to train models on consumer-grade hardware. No data center needed. (12 hour YouTube course): https://www.freecodecamp.org/news/learn-how-to-fine-tune-llms-in-12-hours/ 3. Learn how to protect your sensitive data by running your LLMs locally. This quick tutorial will show you how to get up and running with Ollama, Python, LangChain, and LangGraph. It will also walk you through the various trade-offs you face when you avoid sharing your data with big tech companies. (15 minute read): https://www.freecodecamp.org/news/protect-sensitive-data-with-local-llms/ 4. Learn how agents are changing the field of software development. This in-depth tutorial will get you hands-on experience with building your own Flutter mobile app using Antigravity and Stitch. You don't even need to know Flutter. You just need to understand the core concepts and make the architectural decisions. You'll quickly see how sophisticated these tools have gotten over the past few months. (40 minute read): https://www.freecodecamp.org/news/learn-how-ai-agents-are-changing-development-by-building-a-flutter-app/ 5. Today's album of the week is 1982 jazz fusion classic Mint Jams by Casiopea. This is the perfect record to put on when you want to get a ton of work done, and feel great in the process. For every song, each of the performers gets a solo. That means every track you're going to hear a spicy bass solo, keyboard solo, drum solo, and guitar solo. Love it. https://www.youtube.com/watch?v=6GEI3PpXEAo Intro & Updates - 00:00:00 Chris Coyier Intro - 00:00:23 CI/CD Pipeline Course - 00:00:56 Local LLM Fine-Tuning - 00:02:04 AI Flutter Tutorial - 00:02:40 Album: Mint Jams (1982) - 00:03:06 Support Free Code Camp Front-End & AI - 00:03:38 Chris’s Podcast History - 00:05:08 Is CSS still worth learning? - 00:07:12 Full-stack convergence - 00:08:17 Market disruption & "God Tier" skills - 00:10:08 AI vs. Unique Design Art - 00:13:51 New standards: Transitions & Anchors - 00:16:30 Is the front-end toolbox "finished"? - 00:19:56 The CSS :has selector - 00:21:16 Web tech for native apps CodePen’s Evolution - 00:24:06 Simplicity & the "3 boxes" - 00:25:06 Origins: ZIP files to browser-editing - 00:27:33 Power of CodePen Embeds - 00:30:35 Tech debt & modern frameworks - 00:33:41 CodePen 2.0 Architecture - 00:35:12 Culture of Stability Careers & Lifestyle - 00:37:31 FCC v10 & demographics - 00:39:58 Abridging curricula for AI - 00:41:21 Logical Properties vs. Legacy CSS - 00:43:58 Specializing on the job - 00:45:15 Why humans are better than AI for responsibility - 00:48:02 Living in Bend, Oregon - 00:51:39 Wufoo to SurveyMonkey - 00:54:25 Blogging: CSS-Tricks & IE6 - 00:56:41 SEO & Community Feedback - 00:59:34 Ad revenue disruption - 01:06:01 Blogging for clear thinking - 01:09:10 Knowledge via articulation - 01:15:13 CS enrollment trends - 01:16:32 Closing: Why caring matters