Podcasts about CSS

In this episode of The CSS Podcast, Una and Bramus cover a bunch of CSS functions from comparison functions to tree counting functions, the random function, and more. Resources: min(), max(), and clamp() Web Dev article → https://goo.gle/4nvMthu  Article by Ahmad Shadeed → https://goo.gle/3JvPznI  Comparison functions → https://goo.gle/3JmbJsx  sibling-count() and sibling-index() → https://goo.gle/3JCj33i  attr() CSS attr() gets an upgrade → https://goo.gle/3JCj33i  New capabilities for attr() → https://goo.gle/47inI3p  light-dark() → https://goo.gle/3X703wQ  shape() Use shape() for responsive clipping → https://goo.gle/47zSHH0  Better CSS Shapes Using shape() → https://goo.gle/47OZMop  ident() Article introducing ident() → https://goo.gle/4oHdYW9  ident() in the CSS Values and Units Specification →  https://goo.gle/3LgN8pK  random() Rolling the Dice with CSS random() → https://goo.gle/4oijnTO  Generating Random Values → https://goo.gle/4hFwj3K  CSS paint API: Being predictably random → https://goo.gle/3JEReau  Una Kravets (co-host) Bluesky | Twitter | YouTube | Website Making the web more colorful @googlechrome  Bramus Van Damme (co-host) Bluesky | Mastodon | YouTube | Website @GoogleChrome CSS DevRel; @CSSWG; Scuba Diver

Show DescriptionWhat do Balatro streamers do when the game is over, Random in CSS is so hot right now, Dave has a better idea for charts and graphs that would change the world, Quiet UI follow up, Dave tries vibe coding a tennis app and doesn't completely John McEnroe his laptop, Chris wonders about better cursor UI on the web, and debating affordances vs conventions. Listen on WebsiteWatch on YouTubeLinks Jynxzi - Twitch BALL x PIT on Steam Could Open Graph Just Be a CSS Media Type? | Scott Jehl, Web Designer/Developer https://webawesome.com Podcast Awesome Quiet UI A Beautiful Site Eleventy is a simpler static site generator Don't use custom CSS mouse cursors – Eric Bailey Home | Rach Smith's digital garden The Two Button Problem – Frontend Masters Blog SponsorstldrawHave you ever wanted to build an app that works kinda like Miro or Figma, that has a zoomable infinite canvas, that's multiplayer, and really good, but you also want to build it in React with normal React components on the canvas? Good news! tldraw is the world's first, best, and only SDK for building infinite canvas apps in React. tldraw takes care of all the canvas complexities — things like the camera, selection logic, and undo redo — so that you can focus on building the features that matter to your users. It's easy to use with plenty of examples and starter kits, including a kit where you can use AI to create things on the canvas. Get started for free at tldraw.dev/shoptalk, or run npm create tldraw to spin up a starter kit.

 Dan's programming journey started in secondary school with Visual Basic—specifically building a cinema booking system. But it was university where things got real: HTML with tables (no CSS!), lots of style tags, and a very old version of PHP. If you've been around long enough to remember that era, you know exactly what he's […] The post PHP Alive and Kicking Episode 14 – Dan Newns appeared first on PHP Architect.

In this episode, we discuss some examples between Catholic and Protestant. I also go through my relgion/church story. #catholic #protestant #catholicchurch Please like, subscribe, review, and share out! https://linktr.ee/thecoachsteveshow Check out belly up sports podcast network! https://bellyupsports.com/ Head to www.guardiansports.com/guardian-caps and use the code: “15OFF” – good for 15% off Guardian Caps to help the impact for football players Get back to the basics with Coach Stone: https://www.coachstonefootball.com/ Get the best sunglasses in the game today! Use for any activity! Go to https://www.yeetzofficial.com/ use the code CSS for 10% off Looking for the cleanest nutrition drink? Looking for the cleanest drink to give you energy without the crash? Head to https://www.swiftlifestyles.com/ and use the code: coachsteveshow to get 15% off!

In this episode, we discuss some examples between Catholic and Protestant. I also go through my relgion/church story. #catholic #protestant #catholicchurch Please like, subscribe, review, and share out! https://linktr.ee/thecoachsteveshow Check out belly up sports podcast network! https://bellyupsports.com/ Head to www.guardiansports.com/guardian-caps and use the code: “15OFF” – good for 15% off Guardian Caps to help the impact for football players Get back to the basics with Coach Stone: https://www.coachstonefootball.com/ Get the best sunglasses in the game today! Use for any activity! Go to https://www.yeetzofficial.com/ use the code CSS for 10% off Looking for the cleanest nutrition drink? Looking for the cleanest drink to give you energy without the crash? Head to https://www.swiftlifestyles.com/ and use the code: coachsteveshow to get 15% off!

In this episode of The CSS Podcast, we're diving into the power of invoker commands! Discover how the command and commandfor attributes allow you to declaratively open dialogs and show popovers. We'll explore standard commands and then jump into creating your own custom commands for more complex interactions. To close off, we're covering the concept of "interest invokers" and how the new CSS properties and selectors they bring. Resources: Introducing command and commandfor blogpost → https://goo.gle/4ozmEy4  Authors Cards (Interest Invokers Demo) → https://goo.gle/42LU3x2  Invoker Commands Explainer → https://goo.gle/4o0DC8n  Interest Invokers Explainer → https://goo.gle/4nfyZGi    Una Kravets (co-host) Bluesky | Twitter | YouTube | WebsiteMaking the web more colorful @googlechrome  Bramus Van Damme (co-host) Bluesky | Mastodon | YouTube | Website

Caleb Williams and the Chicago Bears survive in a 24-20 win over the New York giants. #beardown #benjohnson #chicagobears #calebwilliams Please like, subscribe, review, and share out! https://linktr.ee/thecoachsteveshow Check out belly up sports podcast network! https://bellyupsports.com/ Head to www.guardiansports.com/guardian-caps and use the code: “15OFF” – good for 15% off Guardian Caps to help the impact for football players Get back to the basics with Coach Stone: https://www.coachstonefootball.com/ Get the best sunglasses in the game today! Use for any activity! Go to https://www.yeetzofficial.com/ use the code CSS for 10% off Looking for the cleanest nutrition drink? Looking for the cleanest drink to give you energy without the crash? Head to https://www.swiftlifestyles.com/ and use the code: coachsteveshow to get 15% off!

There are a ton of head football coaching jobs in college football. One name that is not talked about enough to take one of the jobs, is Pat Fitzgerald. Will Penn State call him? #cfb #patfitzgerald #coaching #pennstate Please like, subscribe, review, and share out! https://linktr.ee/thecoachsteveshow Check out belly up sports podcast network! https://bellyupsports.com/ Head to www.guardiansports.com/guardian-caps and use the code: “15OFF” – good for 15% off Guardian Caps to help the impact for football players Get back to the basics with Coach Stone: https://www.coachstonefootball.com/ Get the best sunglasses in the game today! Use for any activity! Go to https://www.yeetzofficial.com/ use the code CSS for 10% off Looking for the cleanest nutrition drink? Looking for the cleanest drink to give you energy without the crash? Head to https://www.swiftlifestyles.com/ and use the code: coachsteveshow to get 15% off!

Caleb Williams and the Chicago Bears survive in a 24-20 win over the New York giants. #beardown #benjohnson #chicagobears #calebwilliams Please like, subscribe, review, and share out! https://linktr.ee/thecoachsteveshow Check out belly up sports podcast network! https://bellyupsports.com/ Head to www.guardiansports.com/guardian-caps and use the code: “15OFF” – good for 15% off Guardian Caps to help the impact for football players Get back to the basics with Coach Stone: https://www.coachstonefootball.com/ Get the best sunglasses in the game today! Use for any activity! Go to https://www.yeetzofficial.com/ use the code CSS for 10% off Looking for the cleanest nutrition drink? Looking for the cleanest drink to give you energy without the crash? Head to https://www.swiftlifestyles.com/ and use the code: coachsteveshow to get 15% off!

There are a ton of head football coaching jobs in college football. One name that is not talked about enough to take one of the jobs, is Pat Fitzgerald. Will Penn State call him? #cfb #patfitzgerald #coaching #pennstate Please like, subscribe, review, and share out! https://linktr.ee/thecoachsteveshow Check out belly up sports podcast network! https://bellyupsports.com/ Head to www.guardiansports.com/guardian-caps and use the code: “15OFF” – good for 15% off Guardian Caps to help the impact for football players Get back to the basics with Coach Stone: https://www.coachstonefootball.com/ Get the best sunglasses in the game today! Use for any activity! Go to https://www.yeetzofficial.com/ use the code CSS for 10% off Looking for the cleanest nutrition drink? Looking for the cleanest drink to give you energy without the crash? Head to https://www.swiftlifestyles.com/ and use the code: coachsteveshow to get 15% off!

This week is a news roundup while cohost Jack is away for a hackathon in SF. First up, is how Chrome DevTools has added AI to its panels. Now users can ask Gemini to explain console errors, make CSS changes via in the elements tab, and explain traces collected in the performance panel.HTMX has also jumped from v2 to v4 (alpha), rebuilding the internals after 5 years of maintaining the project. Upgrades include: going from XMLHttpRequests to fetch, explicit attribute inheritance, and improved history caching.Angular's meta-framework AnalogJS also just launched 2.0 which offers file-based routing, better Vite ecosystem support, and unified SSR, SSG, and islands-style hydration in one cohesive setup.Rumor has it that next year Apple will be using Gemini to drive Siri, as it continues to try and get Apple Intelligence to work reliably.GitHub has officially disabled classic token creation for npm publishing in an effort to reign in the supply chain attacks we've reported on for the last few months. And last but not least, a company called NEO has a home assistant robot available for preorder now. The robot can clean, fold laundry, do dishes, and so on, but here's the kicker: it's a human piloting it remotely. Is this really the robot enhanced future we imagined?Timestamps:1:16 - Chrome DevTools gets a bunch of AI features8:39 - htmx v4 alpha14:25 - AnalogJS 2.017:09 - Apple allegedly to use Gemini to drive Siri22:13 - GitHub disables classic token creation for npm27:38 - NEO home robot35:58 - What's making us happyNews:Paige - HTMX goes right from v2 to v4 (alpha)TJ - Chrome DevTools gets a bunch of AI featuresLightning News:AnalogJS 2.0Apple allegedly to use Gemini to drive SiriGitHub's disabled classic token creation for npmNEO home robotWhat Makes Us Happy this Week:Paige - The Survivalists novelTJ - Pokemon Legends Z–A gameThanks as always to our sponsor, the Blue Collar Coder channel on YouTube. You can join us in our Discord channel, explore our website and reach us via email, or talk to us on X, Bluesky, or YouTube.Front-end Fire websiteBlue Collar Coder on YouTubeBlue Collar Coder on DiscordReach out via emailTweet at us on X @front_end_fireFollow us on Bluesky @front-end-fire.comSubscribe to our YouTube channel @Front-EndFirePodcast

This episode argues that today's AI exuberance fits a familiar pattern: bubbles misallocate capital on the way up but leave behind productive infrastructure that powers the next S-curve. We revisit the “boom-bust-build-out” cycle and apply it to compute and the grid, note why “good enough” AI latency could flip capex behavior, and push back on modeling everything in gigawatts—useful for planning, risky for strategy. On companies: ARM's quarter was solid, with rising royalties/CSS stickiness and a strongly implied first-party chip effort complemented by the DreamBig memory-controller acquisition to improve AI-era CPU roles. Qualcomm benefits from a higher-ASP Android cycle, nurtures auto/smart-glasses adjacencies, and eyes DC inference. On supply: Elon hedges silicon with foundry allocations while fab-building talk reads as negotiating leverage; memory/storage stay tight with longer contracts and measured adds. Net: optimism about what survives the eventual correction, caution on GW-only thinking, and watchpoints around ARM's vertical creep, Qualcomm's DC push, and supply-chain discipline.

Zach Keilman returns to talk about the Chicago Bears! The Bears are finally winning some games. Are they a true competitor in the NFC North? how would we grade Ben Johnson so far? #beardown #benjohnson #chicagobears #calebwilliams Please like, subscribe, review, and share out! https://linktr.ee/thecoachsteveshow Check out belly up sports podcast network! https://bellyupsports.com/ Head to www.guardiansports.com/guardian-caps and use the code: “15OFF” – good for 15% off Guardian Caps to help the impact for football players Get back to the basics with Coach Stone: https://www.coachstonefootball.com/ Get the best sunglasses in the game today! Use for any activity! Go to https://www.yeetzofficial.com/ use the code CSS for 10% off Looking for the cleanest nutrition drink? Looking for the cleanest drink to give you energy without the crash? Head to https://www.swiftlifestyles.com/ and use the code: coachsteveshow to get 15% off!

Zach Keilman returns to talk about the Chicago Bears! The Bears are finally winning some games. Are they a true competitor in the NFC North? how would we grade Ben Johnson so far? #beardown #benjohnson #chicagobears #calebwilliams Please like, subscribe, review, and share out! https://linktr.ee/thecoachsteveshow Check out belly up sports podcast network! https://bellyupsports.com/ Head to www.guardiansports.com/guardian-caps and use the code: “15OFF” – good for 15% off Guardian Caps to help the impact for football players Get back to the basics with Coach Stone: https://www.coachstonefootball.com/ Get the best sunglasses in the game today! Use for any activity! Go to https://www.yeetzofficial.com/ use the code CSS for 10% off Looking for the cleanest nutrition drink? Looking for the cleanest drink to give you energy without the crash? Head to https://www.swiftlifestyles.com/ and use the code: coachsteveshow to get 15% off!

Chronische Symptome können das ganze Leben verändern. Viele Befunde sind da, aber trotzdem ergibt das große Ganze keinen Sinn. In dieser Folge geht es um das Nervensystem, um CSS – das Chronische Symptom Syndrom – und darum, warum dein Körper nicht kaputt ist, sondern dich schützen will.Ich spreche über die fünf Dinge, auf die sich fast alle Expertinnen und Experten einigen, von Gabor Maté über Peter Levine bis Nicole Sachs, und warum Heilung möglich ist, auch wenn niemand den kompletten Weg kennt. Diese Folge lädt dich ein, raus aus der Angst und zurück in Verbindung mit deinem Körper zu kommen.Ich wünsch dir ganz viel Spaß mit der Folge. Dein Timo

Welcome back to The CSS Podcast! Una and Bramus dive into CSS anchor positioning, a powerful new API that revolutionizes how developers handle dynamic UI element placement. Learn how to create interactive tooltips, popovers, and menus directly in CSS, eliminating the need for complex JavaScript.   Resources: CSS anchor positioning → https://goo.gle/3KvYYeZ  Anchor position tool → https://goo.gle/4gOYooL  Follow-the-leader pattern with CSS anchor positioning → https://goo.gle/46s0kQD  Anchor queries - Reposition tether arrow  → https://goo.gle/42fXtI1    Una Kravets (co-host) Bluesky | Twitter | YouTube | WebsiteMaking the web more colorful @googlechrome  Bramus Van Damme (co-host) Bluesky | Mastodon | YouTube | Website@GoogleChrome CSS DevRel; @CSSWG; Scuba Diver

In the 39th episode of Circling Seattle Sports' weekly Seattle Mariners show, Mariner Mondays, CSS contributor Brittany Wisner joined CSS founder and editor-in-chief Charles Hamaker to discuss Josh Naylor, the decisions to be made between Eugenio Suárez and Jorge Polanco, the bullpen, the next wave of prospects, and much more.

# 2025-11-04 - News - Episode 244# Hosts: - Daniel Garcia - Senior Developer at Ortus Solutions- Grant Copley - Senior Developer at Ortus Solutions# summaryIn this episode of the Modernize or Die Podcast, hosts Daniel Garcia and Grant Copley discuss the latest updates from Ortus Solutions, including the release of ColdBox 8 and BoxLang 1.7. They explore new features, real-time communication with SocketBox, and the implications of the recent Lucee 7 release. The conversation also covers security considerations for AI tools, the introduction of Message Pack support for ColdFusion, and upcoming events in the CFML community. The hosts emphasize the importance of community support and innovation in the ColdFusion ecosystem.# TakeawaysColdBox 8 introduces significant updates and features.SocketBox enables real-time communication for applications.BoxLang 1.7 includes server-side events and performance improvements.Lucee 7 requires a fresh install due to major changes.Message Pack support could enhance performance over JSON.Security considerations are crucial when using AI tools.CF dump readability can be improved with CSS.Upcoming events include ColdBox webinars and security training.Community support is vital for open-source initiatives.Black Friday deals will offer free audits for developers.# Chapters00:00 Welcome00:39 Ortus News and BoxLang Updates11:35 CFML Updates22:14 Upcoming Events and Conferences27:03 Thank You# Join the Ortus CommunityBe part of the movement shaping the future of web development. Stay connected and receive the latest updates on, **product launches, tool updates, promo services and much more.**Follow Us on Social media and don't miss any news and updates:-  https://twitter.com/ortussolutions-  https://www.facebook.com/OrtusSolutions-  https://www.linkedin.com/company/ortus-solutions-corp-  https://www.youtube.com/OrtusSolutions- https://github.com/Ortus-Solutions# KeywordsColdBox, BoxLang, Lucee, CFML, Ortus Solutions, WebSockets, AI, Message Pack, security, podcast ★ Support this podcast on Patreon ★

Scott and Wes dive into Remix 3, exploring how it embraces native web standards like Events, Signals, and Streams to become a truly full-stack framework. They unpack what “LLM-ready,” thin APIs, and a standards-based approach mean for the future of web development. Show Notes 00:00 Welcome to Syntax! 03:21 Uses the platform - native Events, Signals, Streams, Fetch 04:16 Remix 3, Fully Fullstack. 04:57 LLM‑ready + thin APIs 05:53 Brought to you by Sentry.io. 06:18 My previous predictions. 07:44 The value of ‘Standards Based'. 09:13 Component model - JSX/TSX; state = variables; call this.render() 11:56 Adding reactivity to Remix. 15:15 Event‑based architecture - custom events, EventTarget, interactions 20:52 Context & type‑safe access. 22:46 Composing interaction logic within events. 24:25 Signals - AbortSignal to cancel async ops 25:21 Benefits of standards - bring your own tools/libraries Michael Asnong X Post. 26:42 CSS - built‑in CSS prop; Svelte‑like scoping 28:34 Server - Web Request/Response, Web Streams across runtimes 31:23 Frames - async URL‑addressable components with fallbacks 33:07 Tooling - ESM; use Vite or esbuild 34:47 Routing - code‑based named routes 35:57 Questions/Concerns - manual rendering vs reactivity 38:47 URL Pattern API - modern, fast routing foundations 41:33 Sick Picks + Shameless Plugs. Sick Picks Scott: MoCA 2.5 Network Adapter Wes: Bosch Dishwasher Shameless Plugs Scott: Syntax on YouTube. Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Show DescriptionIn 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 WebsiteWatch on YouTubeGuestsTyler StickaGuest's Main URL • Guest's SocialI 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)

Jeez, that Dave and Ronan can sure ramble on about a new groupset. Indeed, this week's Geek Warning has the geeks geeking over Campagnolo's much-awaited release of 1x13 wireless. They chat about what's new, the limitations of a single chainring for general road riding, and why the future for the iconic Italian manufacturer seems brighter.While that chat may be a little premium for some tastes, the rest of the episode is all about more practical things. From tips for freehub servicing through to chatting good tech docs, this week's episode lives up to the podcast's name.Time stamps:2:30 - A Corrections Corner that only members need4:00 - Campagnolo's big Super Record expansion and the limits of 1x road26:00 - Looking at Look's Vision pedals30:00 - New warranty options for CSS rim customers32:00 - a PSA for your freehub41:00 - Readily available technical manuals are a Good Thing48:50 - Ask a Wrench (Members Only, with Zach Edwards)49:30 - What's up with gravel suspension?55:00 - Threaded bottom bracket creaks1:04:00 - Putting new Shimano XTR Di2 on a road bike1:17:00 - Zach's preferred brakes to bleed

DYLAN CODE: Born into one of the most well-known rider families in the USA, Dylan has sought and found ways to balance his father Keith's legacy with his own quest for knowledge and perfection atop a motorcycle. From his beginnings as a boy to keeping CSS running smoothly, Dylan brings a lot of insight to the concept of motorcycle schools and how they can benefit all riders. Wes Fleming, host of Chasing the Horizon, joins Mark for this discussion with Dylan. Send your questions to us via email: podcast@bmwmoa.org. The Ride Inside with Mark Barnes is brought to you by the BMW MOA Foundation and is on the web at BMWMOA.org.

In the fifth episode of Circling Seattle Sports' weekly UW women's basketball show, "The Husky women's hoops show," CSS Storm writer and contributor Rowan Schaberg and "The Next" women's basketball writer and CSS contributor Bella Munson join CSS founder and editor-in-chief Charles Hamaker to discuss the offseason additions to the program, what to expect from returning players like Sayvia Sellers and Elle Ladine, what games will be the most important for Washington, what concerns they have for the Huskies heading into the season, and more in their season preview.

Elisabeth Benjamin, vice president of Health Initiatives at the Community Service Society and co-founder of the Health Care for All New York Campaign, talks about what people can expect with next year's health insurance costs and how the government shutdown over ACA subsidies will affect open enrollment.The live-answer helpline to reach a Navigator at CSS is:  1-888-614-5400The New York State of Health Marketplace phone number is:  1-855-355-5777The Get Covered New Jersey (Official state health market place) phone number is: 1-833-677-1010

This months panel dives into Remix v3 without React, exploring its DIY VDOM framework and manual reactivity approach. We discuss the latest React Foundation governance changes and what React 19.2 brings, from the Activity component to useEffectEvent and server streaming support. The conversation also covers how the proposed H-1B $100,000 fee could affect tech hiring, thoughts on Firefox, the Perplexity and Washington Post paywall, and a spicy Tailwind vs CSS debate. Links Paige Niedringhaus Website: https://www.paigeniedringhaus.com X: https://x.com/pniedri GitHub: https://github.com/paigen11 TJ Van Toll Website: https://www.tjvantoll.com X: https://x.com/tjvantoll GitHub: https://github.com/tjvantoll LinkedIn: https://www.linkedin.com/in/tjvantoll Jack Herrington Website: https://jackherrington.com YouTube: https://www.youtube.com/channel/UC6vRUjYqDuoUsYsku86Lrsw X: twitter.com/jherr Github: github.com/jherr Noel Minchow LinkedIn: https://www.linkedin.com/in/noel-minchow Resources Remix v3 Dumps React for Pure Web Standards: The JS Rebellion That's Freeing Devs from Framework Hell!: https://bybowu.com/article/remix-v3-dumps-react-for-pure-web-standards-the-js-rebellion-thats-freeing-devs-from-framework-hell Remix Jam 2025 Recap: https://remix.run/blog/remix-jam-2025-recap Wake up, Remix!: https://remix.run/blog/wake-up-remix Introducing the React Foundation: https://react.dev/blog/2025/10/07/introducing-the-react-foundation useEffectEvent: https://react.dev/blog/2025/10/01/react-19-2#use-effect-event Trump's $100,000 H-1B visa shock: https://www.bbc.com/news/articles/ce3yy58lj79o We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Fill out our listener survey (https://t.co/oKVAEXipxu)! https://t.co/oKVAEXipxu Let us know by sending an email to our producer, Elizabeth, at elizabeth.becz@logrocket.com (mailto:elizabeth.becz@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Check out our newsletter (https://blog.logrocket.com/the-replay-newsletter/)! https://blog.logrocket.com/the-replay-newsletter/ Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understanding where your users are struggling by trying it for free at LogRocket.com. Try LogRocket for free today. (https://logrocket.com/signup/?pdr) Chapters 0:00 Intro 1:10 Remix v3 Breaks from React 4:40 Manual Reactivity Debate 7:45 Docs, Demos, and Developer Confusion 9:00 Framework Future and Web Standards 13:00 Shopify and Remix 14:00 React 19.2 + Foundation Shift 17:00 New React Features Discussion 20:00 React's Backward Compatibility Wins 21:00 Why Meta Let Go of React 27:00 The $100K Visa Shock 32:00 Global Impact and Legal Fallout 36:00 What Companies Should Do Next 38:00 Hot Takes Begin 39:00 The Witcher 4 Trailer Debate 40:00 Firefox vs Chrome 43:00 Perplexity & Washington Post Drama 45:00 Dev Tools, Paywalls, and Browsers 46:00 Paige vs Tailwind 48:00 AI Writing Bad CSS 49:00 Outro Special Guest: Jack Herrington.

In the 18th episode of Circling Seattle Sports' weekly Seattle Reign FC show, Right as Reign, CSS contributor Bella Munson joins CSS founder and editor-in-chief Charles Hamaker to discuss the clubs 2-1 home win over the Utah Royals that clinches a playoff berth, Lu Barnes retiring after the season, Jess Fishlock retiring from international play, the state of the club with one match to play this season, and much more.

In the eighth episode of "Around the sound," CSS' daily recap show for Seattle professional sports team news, CSS founder and editor-in-chief Charles Hamaker discusses the Kraken home overtime loss to the Canadiens, the Seahawks getting healthier during practice week ahead of SNF and the trade deadline, a Josh Naylor comment, and more.

After the second game of opening weekend for the University of Washington's women's hockey team, beginning their second year in the ACHA, CSS founder Charles Hamaker sat down with head coach Mel Harrow to discuss the first two games of the year, the new faces on the roster, the leadership responsibilities of the team, and having a PWHL team in Seattle.

In the third episode of "Seattle Pro Sports Morning," CSS' daily morning show for Seattle professional sports team news, CSS founder and editor-in-chief Charles Hamaker discusses what he saw at Kraken practice yesterday, Cal Raleigh earning another award, which Storm player is balling overseas, who started for the USWNT from the Reign, and much more.

Welcome back to The CSS Podcast! We're diving into a series of powerful scroll APIs that enable you to build custom, interactive carousels entirely with CSS, eliminating the need for JavaScript. These APIs, which also power customizable select elements, unlock even more innovative scroll-based experiences Resources: Carousels with CSS → https://goo.gle/46PES79 ::scroll-marker → https://goo.gle/4mEd3o8 CSS Carousel Gallery → https://goo.gle/46Odsyp Carousel Configurator → https://goo.gle/46KEir4  Una Kravets (co-host) Twitter | Instagram | YouTube Making the web more colorful ✨

Questa sera vi riporteremo a "Città nel Futuro 2030-2050". Nel corso della manifestazione, organizzata a Roma da ANCE due settimane fa, si è discusso anche del mondo del calcestruzzo e degli sforzi che sta facendo per ridurre il proprio impatto ambientale. Un tema che rappresenta una delle sfide più complesse in ottica di decarbonizzazione, visto che il processo di produzione di cemento emette intrinsecamente CO2, anche qualora si utilizzassero combustibili decarbonizzati. L'utilizzo dei CSS (combustibili solidi secondari) nella produzione del cemento, soluzione considerata best practice ambientale in tutta Europa, non è atterrato in Italia. Ospite Stefano Gallini, Presidente di Federbeton.

Fredrik snackar tillgänglighet på nätet med Martin Lexelius. Är webbtjänsten du bygger olaglig? Har du i så fall koll på vad du behöver göra för att lösa det? Martin har bakgrund och tips på vägen för dig! Vi diskuterar också nyttan med att kunna ren och skär HTML och CSS, organisationers medvetenhet om krav på tillgänglighet, och sist men inte minst att man helt enkelt borde ha mer empati. Funkar allt på din sajt utan mus? Då har du kommit långt! Uppföljning efter inspelning: man kan få betala upp till 1,9 miljoner om man inte uppfyller lagkraven, och ingen sajt som fått tillsyn av DIGG har uppfyllt lagkraven. Ett stort tack till Cloudnet som sponsrar vår VPS! Har du kommentarer, frågor eller tips? Vi är @kodsnack, @thieta, @krig, och @bjoreman på Mastodon, har en sida på Facebook och epostas på info@kodsnack.se om du vill skriva längre. Vi läser allt som skickas. Gillar du Kodsnack får du hemskt gärna recensera oss i iTunes! Du kan också stödja podden genom att ge oss en kaffe (eller två!) på Ko-fi, eller handla något i vår butik. Länkar Martin Tillgänglighet Lag om vissa produkters och tjänsters tillgänglighet Tillsynsmyndigheter för lagen How the web works - en översikt från Mozilla Semantisk HTML Aside Tailwind Vue Rollup Bun UX lägenhetsbyte.se WCAG - web content accessibility guidelines Inkluderande design Microsoft inclusive design - en hel metodik kring att jobba inkluderande ARIA En introduktion till ARIA Writing for web accessibility - en guide för att börja skapa tillgängligt material Stöd Kodsnack på Ko-fi! Digg - myndigheten för digital förvaltning Mikroföretag - företag med färre än tio anställda och mindre än 20 miljoner i årsomsättning Klarspråk - skriv vårdat, enkelt, begripligt, och anpassat efter mottagarens behov Titlar Jag älskar HTML Ska det här vara en aside? Alltid närmast användarna Det är inte av och på Sjuttio kryssrutor Tråkiga gubben Vi har redan en knapp Tillgänglighetstomtar Reflexen att slippa Vad är en elektronisk kommunikationstjänst? Är ett formulär en kommunikationstjänst? Vad är bra design för dig? Visuellt borta En olaglig hemsida

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

The 18th episode of Circling Seattle Sports' weekly Seattle Kraken show, Keeping up with the Seattle Kraken, sees CSS Kraken contributors Miracle Lucketti and Jayd Serdy join CSS founder and editor-in-chief Charles Hamaker to discuss teams rough Canada/East coast road trip through five games, the state of the injuries for the franchise, discussion on young players like Berkly Catton and Jani Nyman, and much more.

In the 38th episode of Circling Seattle Sports' weekly Seattle Mariners show, Mariner Mondays, CSS contributors Brittany Wisner and Jake Parr join CSS founder and editor-in-chief Charles Hamaker to discuss the team falling to the Toronto Blue Jays in seven games of the American League Championship Series, how game seven was lost, reflection on the 2025 season, and more.

In the second episode of "The PWHL Seattle Show," Circling Seattle Sports' PWHL Seattle show/podcast, CSS founder and editor-in-chief Charles Hamaker was joined by Dylan Travers of Emerald City Hockey to discuss the new jerseys and the media event where players showed them off, the training camp roster, and more ahead of the inaugural season.

In the second episode of "The PWHL Seattle Show," Circling Seattle Sports' PWHL Seattle show/podcast, CSS founder and editor-in-chief Charles Hamaker discusses the teams inaugural jerseys, an addition to the front office, the regular season schedule, preseason information, the training camp roster, and more before Dylan Travers of Emerald City Hockey joins to discuss the media event outside of Climate Pledge Arena to discuss the jerseys.

Ever wondered how source maps actually work? In this episode, Nicolo Ribaudo, Babel maintainer and TC39 delegate, breaks down how source maps connect your JavaScript, TypeScript, and CSS back to the original code — making debugging, stack traces, and observability smoother in Chrome dev tools. We dive into how source maps help in both development and production with minified code, explore tools like Webpack, Rollup, Next.js, and Svelte, and share when you should turn off source maps to avoid confusion. Links Website: https://nicr.dev LinkedIn: https://www.linkedin.com/in/nicol%C3%B2-ribaudo-bb94b4187 BlueSky: https://bsky.app/profile/nicr.dev Github: https://github.com/nicolo-ribaudo Resources Squiggleconf talk: https://squiggleconf.com/2025/sessions#source-maps-how-does-the-magic-work Slide deck: https://docs.google.com/presentation/d/1lyor5xgv821I4kUWJIwrrmXBjzC_qiqIqcZxve1ybw0 We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Fill out our listener survey (https://t.co/oKVAEXipxu)! https://t.co/oKVAEXipxu Let us know by sending an email to our producer, Elizabeth, at elizabet.becz@logrocket.com (mailto:elizabeth.becz@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Check out our newsletter (https://blog.logrocket.com/the-replay-newsletter/)! https://blog.logrocket.com/the-replay-newsletter/ Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understanding where your users are struggling by trying it for free at LogRocket.com. Try LogRocket for free today. (https://logrocket.com/signup/?pdr) Chapters 00:00 Intro – Welcome to PodRocket + Introducing Nicolo Ribaudo 00:45 What Are Source Maps and Why They Matter for Debugging 01:20 From Babel to TC39 – Nicolo's Path to Source Maps 02:00 Source Maps Beyond JavaScript: CSS, C, and WebAssembly 03:00 The Core Idea – Mapping Compiled Code Back to Source 04:00 How Source Maps Work Under the Hood (Encoded JSON) 05:10 File Size and Performance – Why It Doesn't Matter in Production 06:00 Why Source Maps Are Useful Even Without Minification 07:00 Sentry and Error Monitoring – How Source Maps Are Used in Production 08:10 Two Worlds: Local Debugging vs. Remote Error Analysis 09:00 You're Probably Using Source Maps Without Realizing It 10:00 Why Standardization Was Needed After 15+ Years of Chaos 11:00 TC39 and the Creation of the Official Source Maps Standard 12:00 Coordinating Browsers, Tools, and Vendors Under One Spec 13:00 How Chrome, Firefox, and WebKit Implement Source Maps Differently 14:00 Why the Source Maps Working Group Moves Faster Than Other Standards 15:00 A Small, Focused Group of DevTools Engineers 16:00 How Build Tools and Bundlers Feed Into the Ecosystem 17:00 Making It Easier for Tool Authors to Generate Source Maps 18:00 How Frameworks Like Next.js and Vite Handle Source Maps for You 19:00 Common Pitfalls When Chaining Build Tools 20:00 Debugging Wrong or Broken Source Maps in Browsers 21:00 Upcoming Feature: Scopes for Variables and Functions 22:00 How Scopes Improve the Live Debugging Experience 23:00 Experimental Implementations and How to Try Them 24:00 Where to Find the TC39 Source Maps Group + Get Involved 25:00 Nicolo's Links – GitHub, BlueSky, and Talks Online 25:30 Closing Thoughts

Just 180 seconds of your time to hear all about the happenings at CSS through the month of September!

This week's episode dives into all the major announcements from React Conf 2025—from the upcoming changes to React Native DevTools and React Foundation, to long-awaited features like CSS support and Hermes V1. Plus, I share updates on my latest projects, including the release of my Pocket Clone and progress on the Wolt Clone.⚛️ React Native Radar:

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!

Today we are talking about Drupal for Designers, site builder certifications, and getting more designers in Drupal with guests Dave Pickett & Kelly Smith. We'll also cover Sitewide Alert as our module of the week. For show notes visit: https://www.talkingDrupal.com/525 Topics Designing for Drupal: Challenges and Insights Site Builder Certification Journey Starting the Journey: Taking the Course and Exams Understanding Drupal: Post-Certification Insights Challenges and Complexities in Drupal Team Collaboration and Training Benefits Practical Applications and Personal Projects Preparing for the Certification Exam Resources Talking Drupal #490 - Drupal Contrib First Book: Designing Content Authoring Experiences Greg Dunlap Acquia Training: Drupal Site Building Design to Drupal: Bridging the Handoff Guests Kelly Smith - kesmith Dave Pickett - civicactions davidmpickett Hosts Nic Laflin - nLighteneddevelopment.com nicxvan Stephen Cross - stephencross.com stephencross MOTW Correspondent Martin Anderson-Clutz - mandclu.com mandclu Brief description: Have you ever wanted to post and manage sitewide alerts on your Drupal website? There's a module for that. Module name/project name: Sitewide Alert Brief history How old: created in Oct 2019 by Chris Snyder (chrissnyder) of Phase2 Versions available: 2.2.1 and 3.0.1 versions available, the latter of which works with Drupal 10.3 and 11 Maintainership Actively maintained Security coverage Test coverage Number of open issues: 25 open issues, 9 of which are bugs against the 3.x branch Usage stats: 4,866 sites Module features and usage With the module installed, you can create Sitewide Alerts as a new entity type By default, alerts are displayed at the top of the page sitewide regardless of theme, but there is an option to exclude admin pages and an optional submodule will render the alerts in a block that you can place in a specific place that might meet your site's needs better. There is also an option to specify that an alert should only be shown on specific pages, and can be configured to be shown and hidden at specific times It's worth mentioning that alerts are dynamically inserted into the pages by front end code that checks a custom endpoint on a configurable schedule, so new alerts can be displayed without waiting for a new page to load. And this also means that changes to the alerts won't invalidate the cached versions of your site pages You can also configure a set of styles, effectively CSS classes, that can be applied to your alerts. Sitewide Alerts are also fieldable and themable, so you have virtually unlimited ability to tailor them to the specific needs of your site A while back I made my own module for implementing alerts, called Alerts, but it lacks a number of important features available in this module, particularly dynamically loading alerts as they're published or changed I also thought that Sitewide Alerts would be interesting to talk about today because one of our guests, Dave Pickett, published his own companion project called USWDS Alert that aligns the display of the alerts with the USWDS design system. So Dave, thank you for contributing this, and what can you tell us about your experience using Sitewide Alerts?

 Matt takes us back to the mid-90s, learning HTML and PHP alongside his older brother – back when there was no CSS or JavaScript, and getting a header and footer to include across multiple pages felt like magic. Fast forward to today, and that early foundation still influences how he codes and thinks about […] The post PHP Alive And Kicking: Episode 6 – Matt Stauffer appeared first on PHP Architect.

Una and Bramus dive into the latest advancements in CSS with state-based container queries. Learn how to create responsive and dynamic user experiences by querying the scroll state of UI elements, including 'stuck,' 'snapped,' and 'scrollable' states. Discover practical examples and techniques to replace complex JavaScript with declarative CSS, making your web development more efficient and powerful. Resources: Scroll state queries → https://goo.gle/4mQDQ0M Scroll-state-container →  https://goo.gle/487y4nI Anchor queries → https://goo.gle/3IBDVaw Episode 59 → https://goo.gle/3KB7M3z  Una Kravets (co-host) Bluesky | Twitter | YouTube | WebsiteMaking the web more colorful @googlechrome  Bramus Van Damme (co-host) Bluesky | Mastodon | YouTube | Website@GoogleChrome CSS DevRel; @CSSWG; Scuba Diver

In this episode of the HTML All The Things Podcast, Matt breaks down CSS for absolute beginners. You'll learn what CSS is, where it goes, and how it makes websites look beautiful. From understanding selectors and specificity to learning why classes beat IDs for flexibility—this crash course keeps things simple, visual, and easy to understand through audio. Matt also walks through common CSS mistakes beginners make and how to avoid them. Show Notes: https://www.htmlallthethings.com/podcast/css-crash-course-for-absolute-beginners Powered by CodeRabbit - AI Code Reviews: https://coderabbit.link/htmlallthethings Use our Scrimba affiliate link (https://scrimba.com/?via=htmlallthethings) for a 20% discount!! Full details in show notes.

Welcome back to the new season of the CSS Podcast, where Una and Bramus are your guides, your cohosts, and your CSS best friends. In this episode we dig into two very powerful new CSS features: inline conditionals  with the if() function, and custom functions. Resources: CSS if() function specification → https://goo.gle/3IBChWo Article on if() by Una → https://goo.gle/4nUxIp2 Article on if() by Lea Verou → https://goo.gle/4nt2UvS CSS mixins specification →  https://goo.gle/48H8SEH Article on @function by Una → https://goo.gle/48H99rd Article on @function and if() by Bramus → https://goo.gle/46qPbzy The CSS Space Toggle by Chris Coyier → https://goo.gle/4874qio  Una Kravets (co-host) Twitter | Instagram | YouTube Making the web more colorful ✨

Episode 1, Season 2 of Shop Talk with your new host Chief Joe LeDucJoin Kat Palma and Vanessa Villalobos from the Crime Scene Specialist, or CSS. These highly trained professionals are the backbone of criminal investigations, meticulously documenting and collecting evidence that helps bring justice to victims and closure to families. Far from what you see on TV, the real work of a CSS demands precision, critical thinking, and emotional resilience. Every scene is different, every case unique, and the methods and technologies are constantly evolving keeping the job both challenging and rewarding.Now for some more info on your new host Chief Joe LeDuc:-Chief LeDuc was first hired as a police officer in 1991.-He was promoted to Sgt. in 2005 and worked patrol, AND in the Special Victims' Unit, and Internal Affairs Unit. -He was promoted to lieutenant in 2013 and served as a watch commander in patrol before supervising the detectives in the Special Investigations Section.-In 2016, he promoted to Police Commander and oversaw the Foothills District, then moved to the Downtown District and the Detention Section. -After being promoted to Assistant Police Chief in 2020, Chief LeDuc was put in charge of the Professional Standards & Investigative Services Division. -Chief Leduc has a Master's degree in Educational Leadership from Northern Arizona University and a Bachelor's degree in Business Management from the University of Phoenix. -He is also a graduate of the Leadership in Criminal Justice Administration program from Northwestern University Center for Public Safety.-He is an adjunct Professor for Northern Arizona University AND an Instructor for FBI Law Enforcement Executive Development Association (LEEDA)

AI Assisted Coding: From Deterministic to AI-Driven—The New Paradigm of Software Development, With Markus Hjort In this BONUS episode, we dive deep into the emerging world of AI-assisted coding with Markus Hjort, CTO of Bitmagic. Markus shares his hands-on experience with what's being called "vibe coding" - a paradigm shift where developers work more like technical product owners, guiding AI agents to produce code while focusing on architecture, design patterns, and overall system quality. This conversation explores not just the tools, but the fundamental changes in how we approach software engineering as a team sport. Defining Vibecoding: More Than Just Autocomplete "I'm specifying the features by prompting, using different kinds of agentic tools. And the agent is producing the code. I will check how it works and glance at the code, but I'm a really technical product owner." Vibecoding represents a spectrum of AI-assisted development approaches. Markus positions himself between pure "vibecoding" (where developers don't look at code at all) and traditional coding. He produces about 90% of his code using AI tools, but maintains technical oversight by reviewing architectural patterns and design decisions. The key difference from traditional autocomplete tools is the shift from deterministic programming languages to non-deterministic natural language prompting, which requires an entirely different way of thinking about software development. The Paradigm Shift: When AI Changed Everything "It's a different paradigm! Looking back, it started with autocomplete where Copilot could implement simple functions. But the real change came with agentic coding tools like Cursor and Claude Code." Markus traces his journey through three distinct phases. First came GitHub Copilot's autocomplete features for simple functions - helpful but limited. Next, ChatGPT enabled discussing architectural problems and getting code suggestions for unfamiliar technologies. The breakthrough arrived with agentic tools like Cursor and Claude Code that can autonomously implement entire features. This progression mirrors the historical shift from assembly to high-level languages, but with a crucial difference: the move from deterministic to non-deterministic communication with machines. Where Vibecoding Works Best: Knowing Your Risks "I move between different levels as I go through different tasks. In areas like CSS styling where I'm not very professional, I trust the AI more. But in core architecture where quality matters most, I look more thoroughly." Vibecoding effectiveness varies dramatically by context. Markus applies different levels of scrutiny based on his expertise and the criticality of the code. For frontend work and styling where he has less expertise, he relies more heavily on AI output and visual verification. For backend architecture and core system components, he maintains closer oversight. This risk-aware approach is essential for startup environments where developers must wear multiple hats. The beauty of this flexibility is that AI enables developers to contribute meaningfully across domains while maintaining appropriate caution in critical areas. Teaching Your Tools: Making AI-Assisted Coding Work "You first teach your tool to do the things you value. Setting system prompts with information about patterns you want, testing approaches you prefer, and integration methods you use." Success with AI-assisted coding requires intentional configuration and practice. Key strategies include: System prompts: Configure tools with your preferred patterns, testing approaches, and architectural decisions Context management: Watch context length carefully; when the AI starts making mistakes, reset the conversation Checkpoint discipline: Commit working code frequently to Git - at least every 30 minutes, ideally after every small working feature Dual AI strategy: Use ChatGPT or Claude for architectural discussions, then bring those ideas to coding tools for implementation Iteration limits: Stop and reassess after roughly 5 failed iterations rather than letting AI continue indefinitely Small steps: Split features into minimal increments and commit each piece separately In this segment we refer to the episode with Alan Cyment on AI Assisted Coding, and the Pachinko coding anti-pattern.  Team Dynamics: Bigger Chunks and Faster Coordination "The speed changes a lot of things. If everything goes well, you can produce so much more stuff. So you have to have bigger tasks. Coordination changes - we need bigger chunks because of how much faster coding is." AI-assisted coding fundamentally reshapes team workflows. The dramatic increase in coding speed means developers need larger, more substantial tasks to maintain flow and maximize productivity. Traditional approaches of splitting stories into tiny tasks become counterproductive when implementation speed increases 5-10x. This shift impacts planning, requiring teams to think in terms of complete features rather than granular technical tasks. The coordination challenge becomes managing handoffs and integration points when individuals can ship significant functionality in hours rather than days. The Non-Deterministic Challenge: A New Grammar "When you're moving from low-level language to higher-level language, they are still deterministic. But now with LLMs, it's not deterministic. This changes how we have to think about coding completely." The shift to natural language prompting introduces fundamental uncertainty absent from traditional programming. Unlike the progression from assembly to C to Python - all deterministic - working with LLMs means accepting probabilistic outputs. This requires developers to adopt new mental models: thinking in terms of guidance rather than precise instructions, maintaining checkpoints for rollback, and developing intuition for when AI is "hallucinating" versus producing valid solutions. Some developers struggle with this loss of control, while others find liberation in focusing on what to build rather than how to build it. Code Reviews and Testing: What Changes? "With AI, I spend more time on the actual product doing exploratory testing. The AI is doing the coding, so I can focus on whether it works as intended rather than syntax and patterns." Traditional code review loses relevance when AI generates syntactically correct, pattern-compliant code. The focus shifts to testing actual functionality and user experience. Markus emphasizes: Manual exploratory testing becomes more important as developers can't rely on having written and understood every line Test discipline is critical - AI can write tests that always pass (assert true), so verification is essential Test-first approach helps ensure tests actually verify behavior rather than just existing Periodic test validation: Randomly modify test outputs to verify they fail when they should Loosening review processes to avoid bottlenecks when code generation accelerates dramatically Anti-Patterns and Pitfalls to Avoid Several common mistakes emerge when developers start with AI-assisted coding: Continuing too long: When AI makes 5+ iterations without progress, stop and reset rather than letting it spiral Skipping commits: Without frequent Git checkpoints, recovery from AI mistakes becomes extremely difficult Over-reliance without verification: Trusting AI-generated tests without confirming they actually test something meaningful Ignoring context limits: Continuing to add context until the AI becomes confused and produces poor results Maintaining traditional task sizes: Splitting work too granularly when AI enables completing larger chunks Forgetting exploration: Reading about tools rather than experimenting hands-on with your own projects The Future: Autonomous Agents and Automatic Testing "I hope that these LLMs will become larger context windows and smarter. Tools like Replit are pushing boundaries - they can potentially do automatic testing and verification for you." Markus sees rapid evolution toward more autonomous development agents. Current trends include: Expanded context windows enabling AI to understand entire codebases without manual context curation Automatic testing generation where AI not only writes code but also creates and runs comprehensive test suites Self-verification loops where agents test their own work and iterate without human intervention Design-to-implementation pipelines where UI mockups directly generate working code Agentic tools that can break down complex features autonomously and implement them incrementally The key insight: we're moving from "AI helps me code" to "AI codes while I guide and verify" - a fundamental shift in the developer's role from implementer to architect and quality assurance. Getting Started: Experiment and Learn by Doing "I haven't found a single resource that covers everything. My recommendation is to try Claude Code or Cursor yourself with your own small projects. You don't know the experience until you try it." Rather than pointing to comprehensive guides (which don't yet exist for this rapidly evolving field), Markus advocates hands-on experimentation. Start with personal projects where stakes are low. Try multiple tools to understand their strengths. Build intuition through practice rather than theory. The field changes so rapidly that reading about tools quickly becomes outdated - but developing the mindset and practices for working with AI assistance provides durable value regardless of which specific tools dominate in the future. About Markus Hjort Markus is Co-founder and CTO of Bitmagic, and has over 20 years of software development expertise. Starting with Commodore 64 game programming, his career spans gaming, fintech, and more. As a programmer, consultant, agile coach, and leader, Markus has successfully guided numerous tech startups from concept to launch. You can connect with Markus Hjort on LinkedIn.

Or just "Embeds" as we more frequently refer to them as. Stephen and Chris talk about the fairly meaty project which was re-writing our Embeds for a CodePen 2.0 world. No longer can we assume Pens are just one HTML, CSS, and JavaScript "file", so they needed a bit of a redesign, but doing as little as possible so that existing Embed Themes still work. This was plenty tricky as it was a re-write from Rails to Next.js, with everything needing to be Server-Side Rendered and as lightweight as possible (thank urql!). Time Jumps

Jono Alderson joins the podcast to discuss why semantic HTML still matters today. He shares how thoughtful markup can improve accessibility and performance, from using the picture tag and responsive images to optimizing with content-visibility CSS. The conversation dives into common pitfalls like div soup, the shift toward more template-centric design, and techniques for improving the critical rendering path. Jono also discusses preloading, HTTP early hints, and the evolving role of structured data, LLMs, and Google's trust signals in shaping a more meaningful and efficient web. Links Website: https://www.jonoalderson.com X: https://x.com/jonoalderson BlueSky: https://bsky.app/profile/jono.id LinkedIn: https://www.linkedin.com/in/jonoalderson Resources Why semantic HTML still matters: https://www.jonoalderson.com/conjecture/why-semantic-html-still-matters/ Chapters 00:40 Meet Jono Alderson: SEO Consultant and Web Performance Expert 02:00 Why Semantic HTML Still Matters in 2025 05:00 Accessibility, Performance, and the 15% Market Opportunity 08:00 The Cost of Div Soup and Framework Abstraction 10:30 Finding Balance: Developer Experience vs User Experience 13:00 Template-Centric Thinking vs Component-Centric Development 16:00 What Is a Page? Rethinking How the Web Works 18:30 Structured Data, Schema.org, and Google's Trust Signals 21:00 Quick Round: Picture Tag, Content Visibility, and Performance 23:30 The Worst HTML Anti-Patterns Developers Still Use 25:00 Will LLMs Reward Good Markup or Ignore It? 26:00 Where to Find Jono Alderson and Closing Thoughts We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Fill out our listener survey (https://t.co/oKVAEXipxu)! Let us know by sending an email to our producer, Elizabeth, at elizabet.becz@logrocket.com (mailto:elizabeth.becz@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understanding where your users are struggling by trying it for free at LogRocket.com. Try LogRocket for free today. (https://logrocket.com/signup/?pdr)