Podcasts about Web Components

The tools we use shape how we work, what we see, and how we think. Dmitri Glazkov, Strategy Lead at Google Labs, initiated Breadboard and helped launch Opal—tools that let people connect prompts into systems that think together like Tinkertoys for the mind. His passion is building technology that makes creativity easier and more human. In this episode, Dart and Dmitri explore how AI can capture tacit knowledge, why strategy gets embedded in culture, and how to design “tiny brains” that think with us, not for us.Dmitri Glazkov is Strategy Lead at Google Labs and the initiator of Breadboard, the open-source foundation for Google's Opal project. He is a longtime Google engineer and an early contributor to Chrome and Web Components.In this episode, Dart and Dmitri discuss:- How AI tools reshape the experience of work- Why Breadboard and Opal make creativity easier- How AI can help capture and share tacit knowledge- The difference between dandelion and elephant growth strategies- How strategy becomes embodied in company culture- What “lensical thinking” means and how to use it- Why Dmitri calls Opal a cognitive WYSIWYG- How chains of prompts can act as “tiny brains”- And other topics…Dmitri Glazkov is the Strategy Lead at Google Labs and the initiator of Breadboard, the open-source project that underpins Google's Opal tool for creative AI experimentation. Over nearly two decades at Google, Dmitri has shaped how people interact with technology—from helping build Chrome and pioneering Web Components to exploring how artificial intelligence can amplify human thought. His work focuses on designing systems that think with us, not for us, making creativity more accessible to everyone. Resources Mentioned:Opal: https://opal.withgoogle.comDmitri's Blog: https://glazkov.comDart and Dmitri's article, “The Unvarying Infrastructure of Variation”: https://read.fluxcollective.org/p/69Connect with Dmitri:LinkedIn: https://www.linkedin.com/in/dglazkov Work with Dart:Dart is the CEO and co-founder of the work design firm 11fold. Build work that makes employees feel alive, connected to their work, and focused on what's most important to the business. Book a call at 11fold.com.

This week on JavaScript Jabber, we dive deep into the challenges and opportunities of mixing and matching frontend frameworks in modern applications. I'm joined by Dan Shapir, Steve Edwards, and our special guest Hadar Geva, CTO and co-founder of Myop.dev. Together, we explore how companies are tackling multi-framework environments, the role of web components and iframes, and why module federation isn't always as simple as it sounds.We also take a closer look at how AI is changing the way developers and even non-developers generate code, the risks of integrating AI-written components, and strategies for safely managing that code in production. If you've ever struggled with legacy frameworks, integrating AI-generated components, or wondered whether web components or local iframes are the better fit—this episode is packed with insights you won't want to miss.Links & ResourcesMyop.dev – Hadar's company, building solutions for mixing and managing micro-frontends.Web Awesome – Web components library mentioned during picks.AG Grid – Heavy-duty data grid solution.TanStack Table – Lightweight table solution by Tanner Linsley.ShadCN UI – Component library for modern React apps.Become a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

In this repeat episode, Chris Coyier, co-founder of CodePen, talks about the evolving landscape of HTML heading into 2025. He delves into topics like the slow evolution of HTML compared to CSS and JavaScript, the importance of backwards compatibility, new HTML elements and pseudo-elements, and the potential of declarative shadow DOM for server-side rendering in web components. Links Website: https://chriscoyier.net Codepen: https://codepen.io/chriscoyier Frontend Social: https://front-end.social/@chriscoyier Github: https://github.com/chriscoyier Threads: https://www.threads.net/@chriscoyier Bluesky: https://bsky.app/profile/chriscoyier.net 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? Let us know by sending an email to our producer, Em, at emily.kochanek@logrocket.com (mailto:emily.kochanek@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) Special Guest: Chris Coyier.

In this special episode of Liquid Weekly, Karl and Taylor sit down with Brett, Staff Engineer at Shopify, to unveil an exciting new project: Storefront Web Components.This groundbreaking initiative aims to make Shopify integration accessible to anyone with basic HTML knowledge, allowing merchants to embed commerce functionality anywhere on the web.Episode Highlights:Introduction to Storefront Components and their visionDeep dive into component architecture and implementationHow to handle variants, cart functionality, and market-specific featuresDiscussion of development process at ShopifyComparison with existing solutions like Buy Button SDKFuture roadmap and potential use casesFind Brett OnlineTwitter(X): https://x.com/little_bretLinkedIn: https://www.linkedin.com/in/bretlittle/ Website: https://www.bretlittle.com/ Github: https://github.com/blittle Bluesky: https://bsky.app/profile/bretlittle.comInstagram: https://www.instagram.com/bret.little/ Timestamps:00:00 - Introduction05:30 - What are Storefront Components?15:45 - Technical Implementation Details30:20 - Component Demo45:10 - Development Process at Shopify52:30 - Future Plans57:00 - Picks of the WeekResources:Storefront Web Components: https://webcomponents.shopify.devPlayground: https://webcomponents.shopify.dev/playgroundShopify Editions Summer ‘25: https://www.shopify.com/editions/summer2025Blog post: https://www.shopify.com/news/summer-25-edition-devShopify Headless Documentation: https://shopify.dev/docs/storefronts/headless Web Components Documentation: https://developer.mozilla.org/en-US/docs/Web/API/Web_components Picks of the Week:Brett: Microsoft TypeScript Go Announcement & AI Assistant ArticleKarl: Ben McIntyre's SAS History BooksTaylor: Naked Nutrition Protein PowderSign Up for Liquid Weekly:Don't miss out on expert insights and tips—subscribe to Liquid Weekly for more content like this: https://liquidweekly.com/

Carson Gross, creator of HTMX, talks about its evolution from intercooler.js, its viral rise on social media, and its philosophy of simplicity and stability. They dive into how HTMX fits into the modern web dev ecosystem, the idea of building 100-year web services, and why older technologies like jQuery and server-side rendering still have staying power. Carson also shares insights on open-source marketing, progressive enhancement, and the future of web development. Links https://bigsky.software https://www.linkedin.com/in/1cg https://github.com/bigskysoftware https://x.com/htmx_org https://htmx.org https://htmx.org/discord https://hypermedia.systems https://github.com/surrealdb/surrealdb.js https://unpoly.com https://ui.shadcn.com 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? Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@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 understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Carson Gross.

Show DescriptionDavid Darnes joins us to talk about his work on the Nord design system, writing web components, working with embeds and web components, thoughts on building a progress bar or notification component, keeping design systems and design tools in sync, and tricks for components and variables. Listen on Website →GuestsDavid DarnesGuest's Main URL • Guest's TwitterDesigner, Front-end Developer & Writer. Links Nord Health Ariel Salminen Design Systems WTF Awesome Standalones DesignSystems.wtf SponsorsJellyKeeping up with customer emails shouldn't feel like flying a 747. Jelly's team email inbox makes it easy and affordable: one flat price per team, not per user. No surprise bills—just a simple shared inbox that helps your team respond faster, stay organized, and keep customer conversations flowing smoothly. Try Jelly now for free and get 15% off!

We cover how the Shadow DOM encapsulates styles and behavior, why it matters for Drupal theming, and how Web Components fit into modern workflows.

Wes and CJ talk with Paulus Schoutsen, creator of Home Assistant, about the future of smart homes, AI-powered automation, and open-source innovation. Show Notes 00:00 Welcome to Syntax! 00:29 What is Home Assistant? 03:32 Web Components in Home Assistant Home Assistant Frontend 10:41 Home Assistant's stability and longevity 17:05 Is Home Assistant the biggest open-source project using web components? 20:03 How does the native app work? 23:34 Code sharing between Android and iOS 24:17 Self-hosting Home Assistant 28:13 Brought to you by Sentry.io 30:47 Bundle size and memory usage 32:29 How AI and voice assistants are shaping the future of Home Assistant Talking with Home Assistant 37:16 How Paulus made it possible to flash microcontrollers directly from the browser Open Home Foundation 43:48 Web Serial and Web Bluetooth APIs 47:03 Matter, Zigbee, and Z-Wave – where smart home standards are headed Matter Zigbee Z-Wave 51:17 Paulus' smart home setup Reolink Yale 53:16 Sick Picks + Shameless Plugs Andrew Schmelyun Sick Picks Paulus: Bambu 3d Printer Shameless Plugs Paulus: Nabu Casa 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

Chris Coyier, co-founder of CodePen, talks about the evolving landscape of HTML heading into 2025. He delves into topics like the slow evolution of HTML compared to CSS and JavaScript, the importance of backwards compatibility, new HTML elements and pseudo-elements, and the potential of declarative shadow DOM for server-side rendering in web components. Links https://chriscoyier.net https://codepen.io/chriscoyier https://front-end.social/@chriscoyier https://github.com/chriscoyier https://www.threads.net/@chriscoyier https://bsky.app/profile/chriscoyier.net 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? Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@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 understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Chris Coyier.

Scott and Wes talk with Scott Jehl about the benefits, challenges, and use cases of web components, particularly in design systems and performance. Show Notes 00:00 Welcome to Syntax! 00:55 Scott's background and career Responsible Responsive Design Webpagetest.org 06:46 An overview of web components 09:06 Why should people care about web components? 13:16 Should you write your own web components? 14:39 Reactivity in web components 15:56 DOM parts 18:23 Styling web components 22:08 Brought to you by Sentry.io 22:33 CSS custom properties Mux Player Customizer 24:28 Responsive video 28:27 The polyfill use case 30:55 Shadow DOM challenges 36:04 Web components in design systems 41:58 How are people using web components? 43:25 Web components and server-side rendering 45:00 Scott's thoughts on build tools 47:33 Sick Picks & Shameless Plugs Sick Picks Scott: Enhance Shameless Plugs Scott: Squarespace is hiring Web Components Demystified - Get 30% off with coupon code “syntax” Web Components Community Group 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

In this episode of the Modern Web Podcast, Rob Ocel and Danny Thompson chat with Lawrence Lockhart, Developer Advocate at Vaadin, about using Java on the front end. Lawrence introduces Vaadin's frameworks, Flow and Hilla, which empower Java developers to build full-stack applications without needing JavaScript. They discuss Vaadin's web components, built-in accessibility, seamless integration with Spring Boot, and how it simplifies complex web applications for enterprise use. Chapters 00:03 - Introduction 01:02 - What is Vaadin and Full-Stack Java 03:12 - Why Use Vaadin? 05:58 - Vaadin's Communication Layer 08:13 - Vaadin vs. Traditional Front-End Frameworks 11:04 - Flexibility and Support for Web Components 15:14 - Micro Front-Ends and Cross-Team Collaboration 17:57 - Accessibility in Vaadin 19:27 - Sponsor Break 20:37 - Vaadin's Backend Integration 22:39 - Power of Web Components in Vaadin 24:07 - Open Source and Community 26:15 - Testing with Vaadin 27:02 - Success Stories with Vaadin 30:09 - Customization and Theming in Vaadin 32:51 - Danny's Perspective on Vaadin 34:02 - Conclusion and Closing Remarks Follow Lawrence Lockhart on Social Media Twitter: https://x.com/LawrenceDCodes Linkedin: https://www.linkedin.com/in/lawrencelockhart/ Github: https://gist.github.com/lawrencedcodes/forked Sponsored by This Dot: thisdot.co

Vercel CPO, Tom Occhino, joins Jerod for a one-on-one covering React & Next's past, present & future. We discuss the birth of React, Tom's move to Vercel, deploying Next apps to non-Vercel hosts, React as the next jQuery, the viability of Web Components, Vercel customers getting surprise bills & so much more.

Vercel CPO, Tom Occhino, joins Jerod for a one-on-one covering React & Next's past, present & future. We discuss the birth of React, Tom's move to Vercel, deploying Next apps to non-Vercel hosts, React as the next jQuery, the viability of Web Components, Vercel customers getting surprise bills & so much more.

Show DescriptionRiffing off a Dave Rupert blog post, Chris and Dave talk through the pros and cons of web components, when to use them, when it's a bad idea to use them, what would it take to make the Next.js of web components, and how long until we don't need anymore frameworks? Listen on Website →Links Where web components shine - daverupert.com Fluent UI - Get started - Fluent UI React Website Improvement Begin Team to Join Eleventy Generator Components URLPattern Polyfill SponsorsBluehostFind unique domains, web hosting, and WordPress tools, all in one place. Empower your business or digital agency with Bluehost.

In a special guest episode, Rob Eisenberg joins the podcast to talk about the role web components play in today's web development ecosystem. Rob is uniquely qualified to discuss web components, as the former architect for Microsoft's web component tech stack, FAST, used by about 1,500 internal MSFT teams, and creator of the Web Component Engineering course. Special Guest(s):Rob Eisenberg, Founder and Chief Software Architect at Blue Spire, former architect for Microsoft's FAST Web Components technology, creator of the Web Component Engineering course, and Web Standards advocate. Rob on Twitter @EisenbergEffectRob's Web Component Engineering courseRob on LinkedInRob on GitHubRob on MediumWhat Makes Us Happy this Week:Paige - Da Vinci Eye appTJ - GitHub Copilot updatesRob - Buttermilk PancakesThanks 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 Tweet us on X @front_end_fire and BlueSky.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.com

Anthony Alaribe, co-founder of API Toolkit, discusses the power of the browser for building data-heavy applications. He talks about myths around single-page apps versus multi-page apps, leveraging tools like HTMX and Workbox, and the significance of browser-native features for interactive web development. Links https://htmx.org https://tonyalaribe.medium.com https://x.com/tonialaribe https://github.com/tonyalaribe https://www.linkedin.com/in/anthony-alaribe-293a41bb 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? Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@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 understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Anthony Alaribe.

Jerod & KBall discuss a trio of goings on in/around the web dev world: Evan You's new startup, Matt Mullenweg's WordPress mess & Ryan Carniato's WebComponents debate.

Jerod & KBall discuss a trio of goings on in/around the web dev world: Evan You's new startup, Matt Mullenweg's WordPress mess & Ryan Carniato's WebComponents debate.

Show DescriptionWe're getting some feelings out about WordPress and Matt Mullenweg vs WP Engine drama, as well as the Web Components conversation that happened this past week. Listen on Website →Links WP Engine sues WordPress co-creator Mullenweg and Automattic, alleging abuse of power | TechCrunch Automattic demanded a cut of WP Engine's revenue before starting WordPress battle - The Verge WP Engine Banned from Using WordPress.org Resources – WP Tavern The WordPress vs. WP Engine drama, explained | TechCrunch Matt Mullenweg: ‘WordPress.org just belongs to me' - The Verge WP Engine Term Sheet Theo and Matt Mullenweg Matt Discusses WordPress WCUS 2024 Q&A Modern WordPress Learning Automattic | Five for the Future | WordPress.org Automattic Alignment Matt Mullenweg Calls Out GoDaddy Matt Mullenweg Charitable Contributions Lee Wittlinger Location WebOps Platform WP Engine Hacker Interview WordPress.com WordPress Hosting Web Components Present Web Components Are Not the Future Sponsors

WP Engine is taking Automattic and Matt Mullenweg to court. The complaints are numerous and juicy: extortion, libel, slander, and include screenshots of text messages, tweets, and emails that look pretty damning against Automattic. The whole story has “Made for TV documentary” written all over it.In slightly less controversial news, React 19 has renamed its Server Actions to Server Functions. This name change brings React's server functions more in line with other frameworks who support the same sort of functionality like SolidJS, Astro, TanStack Start, and others.Also in a follow up from the last episode where we talked about a new addition to the Web Components world allowing for web components with SSR via the Declarative Shadow DOM, a good number of JavaScript framework creators shared their misgivings about the creation of Web Components. Ryan Carniato and Rich Harris were two of the most vocal, and basically said WCs have made their work writing frameworks harder, not easier, and WCs are not the future.News:Paige - Web components are not the future according to JS framework authors Ryan Carniato (Solid JS) and Rich Harris (Svelte JS)Jack - Server Actions become Server Functions in React 19TJ - Wordpress vs. WP Engine drama continuesBonus News:OpenAI raises $6.6 billionWaymo is coming to Austin and AtlantaFire Starters:What Makes Us Happy this Week:Paige - The Tourist seriesJack - The Wild Robot movieTJ - Adafruit sensorsThanks 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 Tweet us on X @front_end_fire and BlueSky.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.com

OpenFreeMap puts OpenStreetMap data on your website for free, Fatih Arslan builds a Dieter Rams inspired iPhone dock, Joseph Gentle thinks the Rust programming language feels like a first-gen product & the web dev community is debating the viability of Web Components once again.

OpenFreeMap puts OpenStreetMap data on your website for free, Fatih Arslan builds a Dieter Rams inspired iPhone dock, Joseph Gentle thinks the Rust programming language feels like a first-gen product & the web dev community is debating the viability of Web Components once again.

OpenFreeMap puts OpenStreetMap data on your website for free, Fatih Arslan builds a Dieter Rams inspired iPhone dock, Joseph Gentle thinks the Rust programming language feels like a first-gen product & the web dev community is debating the viability of Web Components once again.

This episode kicks off with the new Deno 2 release candidate. V2 boasts improved dependency management, updates to the APIs and CLI, and improved CommonJS support because even though ESM is the future, so much good stuff in the JS ecosystem still runs on CJS. Web Components take a big step forward in terms of wider spread adoption with the adoption of the Declarative Shadow DOM by all major browsers back in August. The Shadow DOM (a Web Components standard) provides a way to scope CSS styles to a specific DOM subtree and isolate the subtree so the element can be reused without fear of script conflicts or unexpected CSS cascades. But it only worked on the client side. The Declarative Shadow DOM removes this limitation and now things like SSR, streaming data, and server rendering styles are possible.Because the web development world can never be without some good drama going down, we now present for your viewing pleasure: the drama between WordPress and WP Engine.News:Paige - Declarative Shadow DOM for Web ComponentsJack - Deno 2 release candidateTJ - Wordpress vs WP Engine dramaBonus News:We're on Bluesky now @front-end-fire.com! Follow us!Cloudflare AI AuditOpenAI departuresState of HTML surveyFire Starters:autocomplete attributeWhat Makes Us Happy this Week:Paige - Stuff You Should Know podcastJack - Actual typewriters at The Type Space storeTJ - Detroit TigersThanks 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 Tweet us on X @front_end_fire.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.com

Show DescriptionA bit of follow-up on vibe driven development and JavaScript not causing The Great Divide, writing testing automation, global design systems and web components, could PHP be used for web components, what if view transitions are going to be everywhere, and frontend engineer vs design systems engineer job titles and descriptions. Listen on Website →Links Trust the vibes We don't need a boss, we need a process | Miriam Eric Suzanne The Great Divide JavaScript and The Great Divide 346: Is There a Great Divide? Kevin Powell | CSS Evangelist Javascript Testing Frameworks Design System Comparison Global Design System Brad Frost Design Frostapalooza Concert Val Head Sharpen your thinking Sheelah Brennan's Engineer Comparison Turkey Sounds SponsorsJam.devOne click bug reports devs love. Find out more at jam.dev

Today, we have a phenomenal session with our special guest, Christian Bromann, the visionary full-stack engineer behind the open-source WebDriverIO automation framework. Join us as we explore the practical benefits of WebDriverIO version 9's new features. These include WebDriver Bidi Enhancements, New URL Command Parameters, Automatic Piercing of Web Components, iFrames, Shadow DOMs, and more. Christian will share invaluable insights on the importance of responsible web API overrides, improvements in serialization, viewport management, and the exciting new OCR testing feature. We'll also touch on WebDriverIO's future directions, including UI enhancements and a new application to aid developers during testing. Whether you're a seasoned automation expert or just starting out, this episode offers a wealth of knowledge and opportunities to contribute to the world of WebDriverIO. Listen in, and get ready to elevate your automation game!  

In this episode, Jake and Surma chat about web components. Why they were invented, what they're useful for, and how they would improve. Resources: Surma showers his eyeball. The old custom elements 'v0' spec. The old shadow DOM 'v0' spec. The old HTML imports spec. The initial version of Polymer. Lit (formally lit-html). HTML attributes vs DOM properties. Issue looking at ways custom elements could have  behavior. The ElementInternals API, for making custom elements interact with forms. The is attribute. WebKit's position on the is attribute. Programmatically assigning children to slots. Issue looking at ways to slot children that aren't direct children of the shadow host. Declarative shadow DOM. Custom element support in React 19. pinch-zoom custom element.

Join Emily and PodRocket hosts Noel and Paul as they revisit predictions from last year, dive into the latest announcements from Vercel Ship including React 19 and Next.js 15, explore the merging of Remix into React Router, and share their hot takes on current industry trends. Links https://www.linkedin.com/in/noel-minchow https://www.linkedin.com/in/paul-mikulskis-37a50b4a https://x.com/emily_kochanek https://www.linkedin.com/in/emily-kochanek-11582750/ 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? Let us know by sending an email to our producer, Emily, at emily.kochanek@logrocket.com (mailto:emily.kochanek@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 combines frontend monitoring, product analytics, and session replay to help software teams deliver the ideal product experience. Try LogRocket for free today. (https://logrocket.com/signup/?pdr)

El pasado jueves 9 de mayo se celebró el Simposio Internacional de creación de sitios web realmente buenos con Eleventy. Se trató de un encuentro virtual de diferentes presentaciones alrededor del proyecto Eleventy, creado por Zach Leatherman. Eleventy es un potente generador de sitios web estáticos basado en JavaScript y que tiene un enfoque incremental y accesible. Eleventy es perfecto para generar sitios web optimizados y con un énfasis en el contenido. Posee una vibrante comunidad de desarrolladores y simpatizantes que van desde entusiastas de la creación de sitios web a profesionales de la programación. La celebración de este Simposio ha servido para mostrar las novedades de Eleventy y también su vinculación con una web universal hecha por personas que desean tener el control de su propio contenido. En un entorno dominado por grandes proyectos financiados por empresas potentes, Eleventy destaca por su independencia y una apuesta decidida por la web abierta. Las charlas en este encuentro trataron de una diversidad de temas que van desde la accesibilidad web, la optimización de carga, CSS, Web Components, tipografia y herramientas para grandes proyectos. Eleventy es una herramienta sencilla pero que sabe adaptarse a los requirimientos de proyectos exigentes y complejos. Cuenta con una estrucutra flexible basada en plugins y está orientado al desempeño y la versatilidad. Sin contar con los grandes números de proyectos más grandes, cuenta con una comunidad activa de miles de usuarios. Actualmente es la herramienta más versátil para constuir sitios web estáticos y todo un referente para las personas que buscan tener el control de su propio contenido.

In this episode, Jason, Chris, and Andrew reflect of their experiences of developing software, focusing on aspects such as the Fast and Furious franchise, writing in Ruby, React development, and grappling with OAuth 2.0 issues. They dive into testing, specifically the challenges of maintaining a meaningful test suite and the revelations from addressing test suite problems. A discussion on containerization touches on Docker and CI setup frustrations, while also exploring web accessibility standards and the potential of Web Components, specifically through the new Web Awesome project. The conversation takes us through various technical and personal insights, highlighting the continual learning and adaptation inherent in software development. Press download to hear much more! Panelists:Jason CharnesChris OliverAndrew MasonLinks:Jason Charnes X/TwitterChris Oliver X/TwitterAndrew Mason X/TwitterOnce a Maintainer: Rafael FrançaOrbStackLobAhoy.jsFont AwesomeShoelaceKickstarter for Web Awesome by Font AwesomeRuby for All Podcast

Brian LeRoux joins Jerod to share how the Enhance team are bringing server side rendered web components to everyone. With Enhance WASM, you author components in friendly, standards based syntax and reuse them across multiple languages, frameworks & servers.

Brian LeRoux joins Jerod to share how the Enhance team are bringing server side rendered web components to everyone. With Enhance WASM, you author components in friendly, standards based syntax and reuse them across multiple languages, frameworks & servers.

Font Awesome is back with Web Awesome, an open source library of web components that will work with any framework because it's based on standards. Today on Syntax we have Konnor Rogers and Cory LaViska here to talk all things Web Awesome. Show Notes 00:00 Welcome to Syntax! 00:47 Brought to you by Sentry.io. 02:49 What is Shoelace? 07:21 What is Font Awesome? 08:07 Font Awesome is getting into Web Components? 11:35 What is Shoelace's relationship with Web Awesome? 13:33 Is the idea to make it quick to get up and running? 15:46 What is the autoloader? 16:29 Where does Web Awesome fit in the ecosystem? 18:13 What does the styling game look like? 20:33 What is Part in CSS? CSS Part mdn web docs 22:06 The reason we're so stoked with Web Components. 23:32 Custom elements are a natural progression. 24:51 What are your thoughts on Open UI initiatives? Floating UI Close Watcher Can I Use 27:40 Wes' escape key conundrum. 30:21 A bug on the Syntax site. 31:19 Let's talk about Kickstarter. 35:24 Do you know what premium inputs will be available in Web Awesome? 36:12 Rich text editor. 40:18 Setting goals. 41:48 Kickstarter giveaways. 42:47 Have you tried drag and drop? Pragmatic Drag and Drop 44:57 The layout component. 48:50 What are your favorite components? 50:29 Sick Picks + Shameless Plugs. Sick Picks Konnor: Enhance.dev, Extism.org Cory: Lit.dev Shameless Plugs Cory: Kickstarter Konnor: Everyone involved in open UI 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

Heureux de vous retrouver pour ce nouvel épisode. Nous allons parler d'un documentaire sur Node.JS, de Bun qui passe en version 1.1 et qui fonctionne avec désormais sur Windows, d'Angular et Wiz qui mergent pour le meilleur et pour le pire, de comment debugger dans le navigateur avec Copilot. Mais aussi de Solito, un mélange entre React Native et Next.JS, de Strapi 5 avec sa beta déjà disponible; De WebAwesome, une librairie de Web Components, d'une librairie Drag and Drop, de Laravel Herd enfin disponible sur Windows, de l'Interactivity API dans WordPress 6.5. Puis de Vito, une interface de déploiement pour gérer ses serveurs facilement, d'un défi pour créer un jeux de mini-golf lancé par Vjeux et enfin, une tendance web back pour éviter d'écrire du JS. Bonne écoute ! Retrouvez toutes les notes et les liens de l'épisode sur cette page : https://double-slash.dev/podcasts/news-04-24/

Which framework is best? Join Scott and Wes as they chat with Corbin Crutchley, author of the “Framework Field Guide”, diving into the world of frameworks, metaframeworks, and tips to stay up-to-date on the latest trends in web development. Show Notes 00:00 Welcome to Syntax! 00:48 Who is Corbin Crutchley? 02:08 Brought to you by Sentry.io. 02:32 Hilton, like the hotel? 05:57 What is the best framework? 07:23 How do you compare these frameworks? 10:00 Do you feel like the metaframeworks are comparable? 11:02 Exciting announcements from ng-conf? 11:42 Are Wiz and Angular merging? 14:17 Angular signals and Vue comparison. PreactJS Signals 17:53 Adding signals to vanilla JavaScript and browsers. 21:02 What is derived state? 23:11 How can we store state within these different frameworks? 24:37 Passing children. 26:40 Which has the best implementation for passing children? 28:52 What's the approach for building framework agnostic components? TanStack Store 30:31 How much of it is framework specific? 31:35 Headless or DOM-based? 32:48 What are the best practices for writing this? 35:28 What's the biggest framework pain point? 36:21 Is there a language that requires significantly more code? 38:52 What about Web Components? 39:58 Your book is free? Framework Field Guide Shout-out Eduardo Pratti and Kevin Aguilar. 42:42 What's the process of writing a book like this? 45:44 Not a physical book? 46:17 Walk us through the tech stack. 48:27 Supper Club Questions. 48:33 What text editor, theme and font do you use? 49:53 What terminal and shell do you use? 50:19 How do you stay up to date? 53:39 Do you have advice for beginners? 55:26 Sick Picks + Shameless Plugs. Sick Picks Corbin: Shiki Syntax Highlighter Shameless Plugs Corbin: Framework Field Guide 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

In this month's panel episode, we talk to Cassidy Williams, Michael Chan, and Atila Fassina about why web components are having a moment, mounting frustrations with React, and our guests' hottest takes on web development. Links Cassidy Williams https://cassidoo.co https://github.com/cassidoo https://twitter.com/cassidoo https://codepen.io/cassidoo https://www.linkedin.com/in/cassidoo https://www.patreon.com/cassidoo Michael Chan https://twitter.com/chantastic https://chan.dev/ https://www.youtube.com/@chantastic https://github.com/chantastic https://www.linkedin.com/in/chantastic Atila Fassina https://twitter.com/AtilaFassina https://atila.io/ https://github.com/atilafassina https://www.linkedin.com/in/atilafassina https://www.youtube.com/AtilaIO https://mas.to/@atila 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? Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@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 combines frontend monitoring, product analytics, and session replay to help software teams deliver the ideal product experience. Try LogRocket for free today. (https://logrocket.com/signup/?pdr) Special Guests: Atila Fassina, Cassidy Williams, and Michael Chan.

Web components are having a renaissance and Chris Ferdinandi, educator and consultant, returns to the podcast to talk about web components, what they are, and why devs should consider using them. Links https://gomakethings.com https://twitter.com/ChrisFerdinandi https://www.linkedin.com/in/cferdinandi https://github.com/cferdinandi https://www.youtube.com/@gomakethings https://mastodon.social/@cferdinandi 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? Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@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 combines frontend monitoring, product analytics, and session replay to help software teams deliver the ideal product experience. Try LogRocket for free today. (https://logrocket.com/signup/?pdr) Special Guest: Chris Ferdinandi.

In today's episode, I talk about why I think Web Component are the best way to author DOM manipulation libraries.In today's episode, I talk about why I think Web Component are the best way to author DOM manipulation libraries.Show Notes & Transcript →

In today's episode, I talk about why I think Web Component are the best way to author DOM manipulation libraries. Links Code examples - https://gomakethings.com/the-elevator-pitch-for-web-components/ Consulting - https://gomakethings.com/consulting/ Lean Web Club - https://leanwebclub.com Transcript →

In today's episode, I talk about HTML Web Components, an approach to authoring Web Components that focuses on enhancing existing HTML.In today's episode, I talk about HTML Web Components, an approach to authoring Web Components that focuses on enhancing existing HTML.Show Notes & Transcript →

In today's episode, I talk about HTML Web Components, an approach to authoring Web Components that focuses on enhancing existing HTML. Links Jeremy’s article - https://adactio.com/journal/20618 Consulting - https://gomakethings.com/consulting/ Transcript →

Show DescriptionThoughts on smashing all communication messaging apps together, what's happened to Tumblr under Automattic, what the situation is with native web components and JavaScript, and looking at a list of types of blog posts. Listen on Website →Links Combined Messaging Apps – Chris Coyier Adium - Download Beeper XMPP Texts Automattic CEO Matt Mullenweg details Tumblr's future after re-org Matrix.org Web Components | Learn to Create Web Components | Frontend Masters HTML Web Components - Jim Nielsen's Blog Uncluttered – Baldur Bjarnason Luro | Build a design system and track component usage, adoption, and success across your entire product. Apple Annie's Weblog · Types of blog posts. Email is good. – A site about email productivity. Fastmail | We Respect Your Privacy & Put You in Control The ‘Enshittification' of TikTok | WIRED Pushing back on unconstrained capitalism with Cory Doctorow (Changelog Interviews #565) |> Changelog Julia Evans Sponsors

Show DescriptionElliot Marquez talks with us about the history of Polymer and Lit, why you should pick Lit, working with web components, the shadow dom, managing state, and how Material design is built with web components. Listen on Website →GuestsElliot MarquezGuest's Main URL • Guest's TwitterFront-end software development for Google's Lit team. Links webcomponents.org Lit esm.run by jsDelivr - A New-Age CDN for JavaScript modules davatron5000/fit-vids: Web Component version of FitVids from the creator of FitVids Tailwind CSS - Rapidly build modern websites without ever leaving your HTML. Material Web Discord Sponsors

In this week's roundup, we talk about why PHP doesn't suck, when to use web components, and the trade-offs of using reusable components. Links Apple PHP doesn't suck (anymore) with Aaron Francis: https://apple.co/3PITVrH What web components are good at with Nolan Lawson: https://apple.co/3LLBOzl Creating reusable components with Cory House: https://apple.co/3sYO20A Spotify PHP doesn't suck (anymore) with Aaron Francis: https://spoti.fi/46kaWhF What web components are good at with Nolan Lawson: https://spoti.fi/3PgTZ0I Creating reusable components with Cory House: https://spoti.fi/44SLM8u Google PHP doesn't suck (anymore) with Aaron Francis: https://bit.ly/48ngIk6 What web components are good at with Nolan Lawson: https://bit.ly/3PezxgV Creating reusable components with Cory House: https://bit.ly/45M0WxO Tell us what you think of PodRocket We want to hear from you! We want to know what you love and hate about the podcast. What do you want to hear more about? Who do you want to see on the show? Our producers want to know, and if you talk with us, we'll send you a $25 gift card! If you're interested, schedule a call with us (https://podrocket.logrocket.com/contact-us) or you can email producer Kate Trahan at kate@logrocket.com (mailto:kate@logrocket.com) 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 combines frontend monitoring, product analytics, and session replay to help software teams deliver the ideal product experience. Try LogRocket for free today. (https://logrocket.com/signup/?pdr) Special Guests: Aaron Francis, Cory House, and Nolan Lawson.

On today's show we are talking about Single Directory Components in Drupal, How they differ from Web Components, and what are their benefits with guest Mateu Bosch & Mike Herchel. We'll also cover Component Libraries: Theme Server as our module of the week. For show notes visit: www.talkingDrupal.com/416 Topics What are Single Directory Components? Where did the idea of adding Single Directory Components to Drupal come from? Where does support for this stand in Drupal Core? Fully supported? Still need a contrib module? How do they differ from Web Components? (Mike will take this one) How does Single Directory Components make Drupal Theme development easier? What is the point of creating a schema for an SDC? Can modules or themes override SDCs? How? Can SDC be integrated into component library systems like Storybook? How? Any other helpful contrib modules that enhance SDCs? Does this at all help a headless? How can someone get involved or help contribute to Single Directory Components? Resources Single Directory Components https://www.drupal.org/project/sdc JSON Schema https://json-schema.org/ SDC Display https://www.drupal.org/project/sdc_display SDC Styleguide https://www.drupal.org/project/sdc_styleguide Cl Devel https://www.drupal.org/project/cl_devel CL Server https://www.drupal.org/project/cl_server CL Generator https://www.drupal.org/project/cl_generator SDC Documentation https://www.drupal.org/project/drupal/issues/3345922 Mike's blog https://herchel.com/ SDC Slack Channel (Components channel in Drupal Slack) #components https://drupal.slack.com/archives/C4EDNHFGS Drupal Board Elections https://www.drupal.org/association/board/elections Guests Mike Herchel - herchel.com @mikeherchel Mateu Bosch - mateuaguilo.com Hosts Nic Laflin - nLighteneddevelopment.com nicxvan John Picozzi - epam.com johnpicozzi Andy Blum - andy-blum.com - andy_blum Module of the Week with Martin Anderson-Clutz - @mandclu Component Libraries: Theme Server This module lets you use component libraries, like Storybook, in your Drupal project, without Twig.js!

Web components can be divisive, but Nolan Lawson, Web Developer at Salesforce, talks about why and when developers should use web components. Links https://github.com/nolanlawson https://toot.cafe/@nolan https://nolanlawson.com/2023/08/23/use-web-components-for-what-theyre-good-at Tell us what you think of PodRocket We want to hear from you! We want to know what you love and hate about the podcast. What do you want to hear more about? Who do you want to see on the show? Our producers want to know, and if you talk with us, we'll send you a $25 gift card! If you're interested, schedule a call with us (https://podrocket.logrocket.com/contact-us) or you can email producer Kate Trahan at kate@logrocket.com (mailto:kate@logrocket.com) 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 combines frontend monitoring, product analytics, and session replay to help software teams deliver the ideal product experience. Try LogRocket for free today. (https://logrocket.com/signup/?pdr) Special Guest: Nolan Lawson.

Do you listen at 2x? Do Chris and Dave sound weird at normal speed IRL? How searching compares to using AI, chatbots kind of suck at context, getting a designer to work with developers at an agency, what happened to content visibility, and how to best build a design system using web components.

In this supper club episode of Syntax, Wes and Scott talk with Justin Fagnani about working with web components, using Lit, how routing and state are handled, thoughts on signals, and what is the future of web components? Sentry - Sponsor If you want to know what's happening with your code, track errors and monitor performance with Sentry. Sentry's Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up. Show Notes 00:49:11 Guest introduction 01:03:00 Sponsor: Sentry 02:02:11 Why do people use React when we have web components and lit? 03:57:14 Who is Justin Fagnani? Justin Fagnani Justin Fagnani (@justinfagnani) Justin Fagnani · GitHub Justin Fagnani - Fosstodon Lit (@buildWithLit) Lit Google App Maker 04:55:02 What are web components? The Extensible Web Manifesto 05:59:08 What is the shadow dom? 08:56:02 Was there an intention for a layer on top of web components? 13:22:09 What is Lit? 16:19:23 What are the benefits of using a library for web components? Custom Elements Everywhere 21:20:14 Why would write in React and not in web components? 24:24:18 How does CSS work with web components and Lit? 28:00:14 Using constructable stylesheets ::part Constructable stylesheets/ 29:58:18 Does Lit do anything with CSS? 32:01:01 Does Lit do routing? Lit Mobx 34:06:02 How does Lit work with state? 34:52:15 What about signals? 38:49:00 Is Server Side Rendering possible with web components? 41:03:07 What websites are using Lit and/or web components? 44:26:08 What's the difference between Lit and Polymer? 45:44:17 What is the future of web components? 48:09:14 Supper club questions GitHub - w3c/csswg-drafts: CSS Working Group Editor Drafts 56:36:20 SIIIIICK ××× PIIIICKS ××× 55:27 SIIIIICK ××× PIIIICKS ××× ××× SIIIIICK ××× PIIIICKS ××× The Last of Us | Official Website for the HBO Series | HBO.com Shameless Plugs Lit Lit Discord Tweet us your tasty treats Scott's Instagram LevelUpTutorials Instagram Wes' Instagram Wes' Twitter Wes' Facebook Scott's Twitter Make sure to include @SyntaxFM in your tweets

In this potluck episode, Scott and Wes talk home electicity, and then answer your questions about native web components, JS class mixins, JavaScript for marketers, managing application secrets, and more! Sentry - Sponsor If you want to know what's happening with your code, track errors and monitor performance with Sentry. Sentry's Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up. Show Notes 00:10 Welcome 01:09 Sponsor: Sentry 02:18 Electrical house update Klien Wirestrippers 07:45 Custom Syntax podcast browser Custom Syntax browser 09:29 When using browser native web components (i.e. extends HTMLElement), should the whole application be wrapped in a component tree similar to how React apps do it? Deno Using Web Components with Next or any SSR Framework 16:12 Should I avoid JS/TS class mixins? 21:07 Is it acceptable to have any string value as a value for a CSS custom property? 26:48 Should agencies consider building marketing sites with JS frameworks or is Wordpress still the best option here? 33:56 What are the main things to think about when laying the foundations for an app or project that will hopefully grow into something big? 41:24 Will Javascript skills give me an edge over other local digital marketers? WordPress Ghost 46:00 What tool, if any, do you use for publishing packages? 50:19 Do you have any suggestions on how I can find time to code more? Bit 54:17 how do you both manage your application secrets (API keys, database credentials etc) when deploying to Digital Ocean or Linode? 58:52 SIIIIICK ××× PIIIICKS ××× ××× SIIIIICK ××× PIIIICKS ××× Scott: Physical 100 Wes: Leviton D23LP-2RW Decora Smart Wi-Fi Mini Plug-In Dimmer Tweet us your tasty treats Scott's Instagram LevelUpTutorials Instagram Wes' Instagram Wes' Twitter Wes' Facebook Scott's Twitter Make sure to include @SyntaxFM in your tweets

Zach Leatherman talks with us about what's new with Eleventy, setting up on Mastodon, what's happened with Twitter, and is-land.