Frontend Dogma

“web-components” Archive

(Need an explanation? Look for “web-components” at WebGlossary.info.)

  1. Making Content-Aware Components Using CSS “:has()”, Grid, and Quantity Queries (by/via) · · , ,
  2. Where Web Components Shine (by) ·
  3. Styling Web Components (by) · ·
  4. How Microsoft Edge Is Replacing React With Web Components (by/via) · · , , ,
  5. Liskov’s Gun: The Parallel Evolution of React and Web Components (by) · · ,
  6. Web Components: Little Bits (by/via) · · ,
  7. Web Components Are Not Framework Components—and That’s Okay (by) · · ,
  8. Web Components vs. State-Based UI (by) · · ,
  9. Web Components Are Okay (by) ·
  10. Web Components Are Not the Future (by) · · ,
  11. Web Components in Action—How to Build a Design System (by) · · ,
  12. A Web Component for CodePen Embeds? (by) · · ,
  13. Spoiler Alert: It Needs to Be Accessible (by) · · , ,
  14. Action Web Components Which Span the Server-Client Divide (by) · · ,
  15. HTML Web Components Can Have a Little Shadow DOM, as a Treat (by) · · , ,
  16. HTML Web Components Make Progressive Enhancement and CSS Encapsulation Easier (by/via) · · , , , ,
  17. Is It Okay to Make “connectedCallback” Async? (by) · · ,
  18. Learn Web Components (by) · · , , , , ,
  19. Wait, What’s the Difference Between “:host”, “:host()”, and “:host-context()”?! (by) · · ,
  20. Are Web Components Worth It? (by+) · · , , ,
  21. The Case for Web Components (by) · ·
  22. Live Demos of Stand Alone Web Components (by/via) · · ,
  23. Reflection and Custom States in Web Components (by) · ·
  24. When Should We Use Components and When Should We Just Use HTML? (by) · · ,
  25. Why Use Web Components Over Traditional DOM Manipulation? (by) · ·
  26. Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers (by/via) · · ,
  27. The Carcinization of Web Frameworks (by/via) · · , , , ,
  28. Web Components From Early 2024 (by) · ·
  29. My Approach to HTML Web Components (by) · ·
  30. Displaying HTML Web Components (by) · ·
  31. “AI” and Accessible Front-End Components: Is the Nuance Generatable? (by) · · ,
  32. Getting Into Web Components—an Intro (by) · ·
  33. The Good, the Bad, the Web Components (by) · · ,
  34. The Web Component Success Story (by) ·
  35. HTML Web Components on the Server Are Great (by) · ·
  36. Web Components in Earnest (by) · ·
  37. On Web Components (by) ·
  38. Web Component Gotcha: “constructor” vs. “connectedCallback” (by) · · ,
  39. Not All Automated Testing Tools Support Shadow DOM in Web Components (by) · · , , , , ,
  40. Shadow DOM and the Problem of Encapsulation (by) · · , ,
  41. Web Components (by/via) · · , ,
  42. Extending Responsive Video With HTML Web Components (by/via) · · , ,
  43. What the Slot? (by/via) · · , ,
  44. Custom Events in Web Components (by) · · ,
  45. Web Components Eliminate JavaScript Framework Lock-In (by) · · , ,
  46. The Elevator Pitch for Web Components (by) · · ,
  47. Shadow DOM Is for Hiding Your Shame (by) · · , ,
  48. An Attempted Taxonomy of Web Components (by) · ·
  49. HTML Web Components Are Just JavaScript? (by/via) · · ,
  50. HTML Web Components (by) · ·
  51. HTML Web Components (by) · · ,
  52. Writing Components That Work in Any Frontend Framework (by) · ·
  53. Blinded by the Light DOM (by) · · , ,
  54. Web Components Will Outlive Your JavaScript Framework (by) · · ,
  55. An Introduction to Web Components (by) · ·
  56. Accessible Web Components? (by/via) · · ,
  57. Web Components Accessibility FAQ (by) · ·
  58. Web Components Don’t Need You (by/via) ·
  59. Catching Errors Thrown From “connectedCallback” (by) · · ,
  60. Use Web Components for What They’re Good At (by) ·
  61. Pros and Cons of Using Shadow DOM and Style Encapsulation (by) · · ,
  62. Enhance vs. Lit vs. WebC… or, How to Server-Render a Web Component (by/via) · · ,
  63. If Web Components Are So Great, Why Am I Not Using Them? (by) ·
  64. And 4 More HTML Concepts You Didn’t Know (by) · · ,
  65. A Web Component Intro With Example · · ,
  66. 11ty and Lit, a Match Made in Heaven for Simple Sites · ·
  67. 3 Methods for Scoped Styles in Web Components That Work Everywhere (by) · · , , , ,
  68. Progressively Enhancing a Table With a Web Component (by) · · , , ,
  69. An Approach to Lazy Loading Custom Elements (via) · · ,
  70. HTML With Superpowers: An Introduction to Web Components (by) · · , , , ,
  71. Step Into the Light (DOM) (by) · · ,
  72. Web Components Today (by) · ·
  73. Let’s Talk About Web Components (by) ·
  74. Using Web Components With Next (or Any SSR Framework) (by/via) · · ,
  75. A Web Component Story (by) · ·
  76. Building a Retro Draggable Web Component With Lit (by/via) · ·
  77. Building Tabs in Web Components (by) ·
  78. Building Interoperable Web Components That Even Work With React (by/via) · · ,
  79. CTA Modal: How to Build a Web Component (by/via) · · , ,
  80. Build a Lightweight Web Component With Lit.js (by/via) · ·
  81. Web Components as Progressive Enhancement (by/via) · ·
  82. 7 Web Component Tricks (by) · ·
  83. Creating Native Web Components (via) · · ,
  84. Web Component Pseudo-Classes and Pseudo-Elements Are Easier Than You Think (by/via) · · ,
  85. Context-Aware Web Components Are Easier Than You Think (by/via) · · ,
  86. On Yak Shaving and “<md-block>”, a New HTML Element for Markdown (by) · · ,
  87. Why It’s Okay for Web Components to Use Frameworks (by) · ·
  88. An Introduction to Frameworkless Web Components (by/via) · · , ,
  89. Container Queries in Web Components (by) · · ,
  90. How to Create a Native Web Component Without a Framework (by/via) · · ,
  91. Custom Elements No Longer Contentious (by) ·
  92. DOM: Custom Elements (by) · ·
  93. Thinking in Components (by/via) · ·
  94. Web 2024—a Response to Robin Berjon’s Post (by) · · , , , , , ,