Posts Tagged ‘web components’

Subscribe via RSS
  1. 04 Mar, 2024

    Better Apps: Delivering Universal UI Patterns as Web Components – Microsoft Research

    Why do we see so little reuse of web UI across organizations? Web projects freely use countless open libraries from npm and elsewhere, but it’s rare to find high-quality web UI code which is flexible and reliable enough for immediate […]

  2. 11 Apr, 2023

    3 Methods for Scoped Styles in Web Components That Work Everywhere—zachleat.com

    I pay attention to anything Zach has to say about web components (and, well, pretty much all web stuff), so I really liked 3 Methods for Scoped Styles in Web Components That Work Everywhere. WebC is something I want to […]

  3. 13 Mar, 2023

    Redefining Developer Experience

    developer experience needs to pivot from a concept centered on feeling fast and living on the bleeding edge to one based on the enabling of developers to deliver reliable and first rate end user experiences — for as many users […]

  4. 21 Oct, 2022

    Let’s talk about web components

    Web components! They’re currently at the vanguard of web development and are a reliable source of hot drama in the community. We’ve built a number of web component-powered design systems with Fortune 500 companies over the last 4 years, and […]

  5. 08 Feb, 2022

    Eleventy + Lit

    This is close to exactly what I’ve been wanting: a way to use web components like <product-card heading=”Product Name” price=”$30.00″></product-card>and have that card render as regular ol’ HTML. a new plugin for Eleventy that renders your Lit components as static HTML during […]

  6. 06 Feb, 2022

    Finding Common Patterns Across Frameworks – Ian Frost Weather

    Here’s a break down how we build components with similar conventions across many different frameworks, written by my brother Ian (@frostyweather). All of these frameworks can have similar component structure, component user APIs, properties, state management, methods/functions, lifecycles, and more. […]

  7. 19 Oct, 2021

    HTML with Superpowers – daverupert.com

    Here’s a great talk about web components from Dave. We’ve been building a lot of web component-based design systems with our clients, and I’m bullish about their future. I think if you were using Web Components before 2020 you were […]

  8. 05 Jul, 2021

    Container Queries in Web Components | Max Böck

    What an amazing demo. Source: Container Queries in Web Components | Max Böck

  9. 25 Mar, 2020

    Web Components & Stencil.js – Build Custom HTML Elements

    I am thoroughly enjoying this Web Components & Stencil.js course by Maximilian Schwarzmüller. Really clear, enthusiastic instruction and great real-world examples. I’d highly recommend taking this if you want to get your head around web components.

  10. 26 Jan, 2020

    Why We Use Web Components

    If I would have to list the main reasons why Web Components work so greatly for Duet Design System, it would be these four things: Tech-Agnostic Instead Of Tech-Specific In order to create modular interfaces, a design system needs to be […]

  11. 20 Jul, 2019

    Yep, JavaScript Moves Fast. Build Your Component Library Anyway.

    This post touches on something really important: “What if we create a component library in React/Vue/Angular/whatever and a new component technology replaces it?” That’s not a question of if. It’s a question of when. I play out this scenario with […]

  12. 18 Nov, 2018

    bRuCk

    Bruck is a lo-fi prototyping system made with web components. Quickly create and comment on interface layouts. The output is screen reader accessible, and responsive without you having to author breakpoints. Interesting. I haven’t played around with web components enough, so […]

  13. 30 May, 2015

    Polymer Element Catalog

    As someone who spends a lot of time thinking about modular design and development, it’s cool to see the Polymer project evolve with this nice catalog of components. There’s even a little chemistry metaphor going on, which of course makes […]