Weekly Bookmarks 5: CSS and Web Components
- Published on:
- Categories:
- CSS 40, Web Components, bookmarks 15
- Current music:
- Helen Bell — Come Down and See
- Current drink:
- Gazpacho
I did not have to compile all the bookmarks I had for all the topics, so here is what I have decided to do: I’ll try to post at least CSS-related stuff in every weekly, but as long as I have a backlog of various things, I’ll group them by topic, and will add a section with things only related to this topic. This should allow me to go through the backlog without straining myself. Maybe.
CSS Articles and News
- “Getting started with CSS container queries” by Michelle Barker — a nice introductory article about container queries.
- “CSS Nesting” by Ahmad Shadeed — an article about native CSS nesting with many helpful examples. Ahmad also wrote a CSS Nesting UX in DevTools article where he shares his idea on how the browser DevTools can improve their CSS nesting support.
- “About subgrid and colored grid lines” by Lene Saile — an article about using CSS grids, subgrids, and some workarounds for displaying grid lines.
- “Weird Things You Missed About CSS” by Stephanie Eckles — the recording of a CSS Café talk which I announced in my second weekly, but I couldn’t attend at the time due to incredibly slow Wi-Fi on the train.
- “Let’s Play a Game” by Brian Kardell — a post about the Interop 2024 proposals, with a proposal to read them and sort them. Or at least some of them. I did this, and shared in a “Interop Priority Game” post.
- “20 years ago, I had an idea” by Egor Kloos — a post about creating a CSSZenGarden theme 20 years ago and reflecting on some coding decisions made at the time compared to now.
- “Igalia Chats: The Power of CSS” — I was a guest on a podcast, where I chatted with Brian Kardell and Eric Meyer about some CSS stuff. You can listen to it if you’d like. Or read it — the transcript is available as well.
Web Components and Shadow DOM
In the last few weeks, there were many articles about web components, custom elements and shadow & light DOMs. I won’t link to all of them, as that would be too much, but to a snippet of them, in chronological order. Most of these articles would have links to other related recent posts — highly recommend!
- “Web Components Will Outlive Your JavaScript Framework” by Jake Lazaroff — an article about how using native web components can make the code more resilient (given we won’t use any framework code inside of them).
- “Blinded By the Light DOM” by Eric Meyer — an article about how we don’t have to use Shadow DOM to use Web Components, and can just rely on light DOM, progressively enhancing our regular HTML. The next day after this article, I published what can be called an inverse article: “Shadow DOM on Regular Elements” — how we can do the opposite and not use custom elements, but still use shadow DOM.
- “Presentational shadow DOM” by Mayank — an article about how shadow DOM makes it harder to use the cascade, where they propose some hypothetical ways to improve this.
- “HTML web components” by Jeremy Keith — an article that coins the term, and links to numerous other articles (a lot of them are not in my list).
- “HTML Web Components are Just JavaScript?” by Miriam Suzanne — an article exploring some aspects of web components, as well as a very curious idea of a
register-elementweb component to register other web components. I really hope at one point we will get the Declarative Custom Elements, but I really like an idea to use another web component to do this today!
My Blog Posts
Between the last “weekly” and this one were six days, so this section has six links today: