はてなブックマーク

In my article on HTML web components, I said: But the unique power of web components (in the browser) is that they can render before JavaScript. React components cannot do this — full stop. There’s a lot in there I wanted to explain more in-depth, but I just never go to it. Then a reader kindly emailed me and asked: what do you mean? As far as I know, web components need a JS API to be defined. Ho

I think the word “component” in “web components” confused a lot of people — at least it did me. “Web components” sounded like the web platform’s equivalent to “React components”. JSX had <MyComponent> and now the web had <my-component>. But when you try building web components the same way you build React components, it’s easy to get frustrated and give up because web components don’t work like Re

I recently received a tantalizing email from a reader I’ve never met: Sam Henri-Gold. Sam showed me how you can key in a couple write commands in the macOS terminal: defaults write NSGlobalDomain WebKitDeveloperExtras -bool true defaults write -g WebKitDeveloperExtras -bool YES Which will enable a context menu in a system web view: Which lets you trigger the Safari Web Inspector and inspect elemen

In another episode of “I’ve been a web designer for how long and am only now learning about this?” let’s talk about CSS system colors. Background On my blog, I support light and dark mode which is all controlled by prefers-color-scheme in my stylesheet. However, the implementation might not be what you imagine. A common pattern for doing light/dark mode is to use CSS custom properties for color va

First off: this is mostly a reference for myself. I find myself quite often needing to prototype something really quick, sometimes even build an “MVP” of something I can put out into the world for feedback. Using a framework like React can make doing that incredibly easy—as long as there is no build tooling involved. The moment configurations, build processes, and what not get involved, those beco