Lea Verou
The failed promise of Web Components
4 min · · Web Components had so much potential to empower HTML to do more, and make web development more accessible to non-programmers and easier for programmers. Remember how exciting it was every time we got… · Shared by 159, including Chris Heilmann codepo8@toot.cafe, Benoist Lawniczak, Alain, Eric Bailey, Kevin Marks 🏠kevinmarks.com xoxo.zone/@KevinMarks, Kent C. Dodds 🌌, Jens D. Peter, BrendanEich, Jen Simmons, Evan (he/him), Brian Rinaldi, Rob Dodson, Matteo Fogli, Marius Bleuer
shoelace.style
a back to the basics CSS starter kit
1 min · · A back to the basics CSS starter kit. For when you don’t need the whole boot. Shoelace.css is a starter kit, not a framework. Think of it as a CSS reset sprinkled with helpful components. Bootstrap… · Shared by 149, including Cory LaViska, Yoav Ganbar (🥑 Builder.io/Qwik), zeldman, Ferit (at 🏠) 🌙, Eduards Sizovs, Vojtěch Hýža, Ian Lurie 🇺🇦 @ianlurie@mastodon.social, Benny Schudel, Axel Rauschmayer (INACTIVE), @brianleroux@indieweb.social 💙, THAT @REM SHOW, Marius Bleuer, blinch, Natan Souza, José Rodrigues, Dion Almaer, Tomas Vestenicky, Jacob du Toit
Google for Developers
Understand the JavaScript SEO basics
4 min · · Do you suspect that JavaScript issues might be blocking your page or some of your content from showing up in Google Search? Learn how to fix JavaScript-related problems with our troubleshooting guide… · Shared by 108, including Simone Corsi 💻🚀, AJ Ghergich, Alexis Sanders, Dan Shure, Guillermo Rauch, John Mueller (official) · Not #30D, Aleyda Solis 🇺🇦, Marius Bleuer, Ian Lurie 🇺🇦 @ianlurie@mastodon.social, Pascal Birchler, Lluís Codina
github.blog
How we use Web Components at GitHub
7 min · · GitHub has long been a proponent of Web Components. Here's how we use them. · Shared by 95, including Michael Zumstein, Rob Dodson, Richard MacManus, Marius Bleuer, Dion Almaer
DEV Community
Why I don't use web components
9 min · · For my first post on dev.to I thought I'd write about a nice, safe topic that's free of controversy: web components. I'm mostly writing this for my future self, so that I have something to point to… · Shared by 94, including ross, Marius Bleuer, Lea R. 🦄, Rich Harris, Alligator.io 🐊, Kent C. Dodds 🌌, Bernhard Huessy, Devon Govett, Evan You, Marijn Haverbeke (inactive), Cameron Yick ~ @hydrosquall@vis.social on mastodon
svelte.dev
Svelte 3: Rethinking reactivity
3 min · · It's finally here · Shared by 85, including Oleg Baskov, Alligator.io 🐊, Miguel, Marius Bleuer, Simone Corsi 💻🚀
css-doodle.com
< css-doodle />
12+ min · · A web component for drawing patterns with CSS Usage ↓ CodePen GitHub <css-doodle /> is based on Shadow DOM v1 and Custom Elements v1. You can use it on latest Chrome, Safari and Firefox right now… · Shared by 76, including Una 🇺🇦, @JanWillemTulp@vis.social, ross, Selim Imoberdorf, Tableless, sascha aßbach, Fabricio Teixeira, John Maeda, Stef Walter, Benny Schudel, masone, Marius Bleuer, Kam, Lynn Cherny
adamsilver.io
The problem with web components by Adam Silver, designer based in London, UK.
6 min · · Web components are becoming increasingly popular but they have a number of drawbacks. In this article I'll explain what those are and what I recommend instead. · Shared by 35, including Fabricio Teixeira, Marius Bleuer
webcomponents.dev
All the Ways to Make a Web Component
· Explore 25 ways to make a Web Component. Compare coding styles and bundle sizes. · Shared by 34, including Marius Bleuer, Bruce Lawson, Richard MacManus, Chris Heilmann codepo8@toot.cafe
carbondesignsystem.com
Carbon Design System
20+ min · · Carbon is the design system for IBM web and product. It is a series of individual styles, components, and guidelines used for creating unified UI. · Shared by 34, including Michael Zumstein, Marius Bleuer, Adham Dannaway, Benny Schudel
erikkroes.nl
The Guide to Accessible Web Components
9 min · · Web Components are a newly supported standard. They're a great match for Design Systems because they're futureproof and work with any framework. Building proper UI Web Components can be quite a task… · Shared by 28, including Marcy Sutton Todd, Web Axe, Steve Faulkner SteveFaulkner@mastodon.social, Michael Zumstein, Marius Bleuer, Alistair Duggin, PacielloGroup
gist.github.com
ING open sources Lion: A library of performant, accessible & flexible Web Components
14+ min · · TL;DR: Web development can be hard, whether you’re making your own components, implementing Design Systems, support many different… · Shared by 21, including Bruce Lawson, Marius Bleuer, Web Axe, Chris Heilmann codepo8@toot.cafe
duetds.com
Duet Design System
· Duet provides a set of organized tools, patterns, and practices that work as the foundation for LocalTapiola and Turva digital products. · Shared by 20, including Michael Zumstein, Marius Bleuer, Waqas Ahmed
Chrome Developers
web.dev engineering blog #1: How we build the site and use Web Components
6 min · · In this first post from the web.dev engineering team, learn about how we build the site—including our use of Eleventy and Web Components. · Shared by 19, including Rob Dodson, Richard MacManus, Dion Almaer, Marius Bleuer
CSS-Tricks
Encapsulating Style and Structure with Shadow DOM
10 min · · This is part four of a five-part series discussing the Web Components specifications. In part one, we took a 10,000-foot view of the specifications and · Shared by 14, including Marius Bleuer
CodyHouse
Components | CodyHouse
1 min · · A library of customizable HTML, CSS, JS web components for designers and developers. · Shared by 13, including Marius Bleuer, Tableless