Elsewhere
Things we find interesting we think you might too. Grab the RSS feed for your newsreader of choice.
Smarter than ‘Ctrl+F’: Linking Directly to Web Page Content
October 24, 2024
Historically, we could link to a certain part of the page only if that part had an ID. All we needed to do was to link to the URL and add the document fragment (ID). If we wanted to link to a certain ...
Read MoreClarifying The Relationship Between Popovers And Dialogs
October 24, 2024
The difference between Popovers (i.e., the popover attribute) and Dialogs (i.e., both the element and the dialog accessible role) is incredibly confusing — so much that many articles (like this, thi...
Read MoreThe Interactive Guide to Rendering in React
October 24, 2024
What is rendering?Put simply, rendering is just a fancy way of saying that React calls your function component with the intent of eventually updating the View.When React renders a component, two thing...
Read MoreWhere web components shine
October 23, 2024
In this job we need to think a lot about the tools we choose and why, so I cataloged all the places where web components (for me) feel like “the right tool for the job”. Your list may be different...
Read MoreUnleash The Power Of Scroll-Driven Animations
October 23, 2024
A scroll-driven animation is an animation that responds to scrolling. There’s a direct link between scrolling progress and the animation’s progress. Scroll-driven animations are different than scr...
Read MoreThe 3 AI Use Cases: Gods, Interns, and Cogs
October 22, 2024
It gets confusing! For laypeople, it’s hard to nail down what AI actually does (and doesn’t) do. For those in the field, we often have to break down and overspecify our terms before we can get to ...
Read MoreThe Shadow DOM is an antipattern
October 21, 2024
In my video on building a modern web app with vanilla Web Components, I mentioned that I believe the Shadow DOM is an antipattern when using Web Components.I had a few folks in the comments ask me why...
Read MoreThe blockquote element: HeydonWorks
October 18, 2024
Even before HTML5, was designated for longer quotations. Indeed, the term “block quotation” precedes the element and the concept of block-level HTML elements. The Chicago Manual Of Style recommend...
Read MoreEval-driven development: Build better AI faster
October 18, 2024
AI changes how we build software. In combination with developers, it creates a positive feedback loop where we can achieve better results faster. However, traditional testing methods don’t work ...
Read MoreBig W for Web Components
October 16, 2024
Quick review: If you don’t regularly work with Web Components, the term “Shadow DOM” might sound a little more kinky than the topics we normally cover. But fortunately (or unfortunately?), Shado...
Read MoreQueering design systems thinking
October 15, 2024
Despite the way they’ve infiltrated product building processes large and small, the teams behind organizations’ design systems are constantly having to defend their own existence. Paradoxically, c...
Read MoreHyper-responsive web components
October 15, 2024
Web components can be placed anywhere on the page, like any other HTML element, which makes them incredibly portable and practical. Source: Hyper-responsive web components | Trys Mudford...
Read MoreExploring the AI Solution Space
October 15, 2024
The popular imagination has equated intelligence with convincing conversation since Alan Turing proposed his “imitation game” in 1950. The concept is simple: if a system can fool you into thinking...
Read MoreExploring the AI Solution Space
October 15, 2024
As I’ve been experimenting with AI, I’ve wondered what “used well” might look like. There are several scenarios, and they’re all different. My current model of the possibility space is a two...
Read MoreHow Microsoft Edge Is Replacing React With Web Components
October 14, 2024
Microsoft’s Edge browser team is on a mission to swap out React UI components with native web platform components. We speak to the team lead. Source: How Microsoft Edge Is Replacing React With W...
Read MoreDesigning design systems: Supporting implementation and adoption
October 14, 2024
Since every design system is in a “living” state of constant iteration, understanding the best ways to help others implement it takes time and experience. From documentation and communicating upda...
Read MoreHandling Paste Events in JavaScript
October 14, 2024
Welcome to the third and final post in the series. In the first article, I explained how JavaScript can read from the user’s clipboard. In the last article, I explained the opposite, writing to th...
Read MoreCSS Tricks That Use Only One Gradient
October 14, 2024
In this article, we are not going to make complex stuff with CSS gradients. Instead, we’re keeping things simple and I am going to walk through all of the incredible things we can do with just one g...
Read MoreIt turns out I’m still excited about the web
October 11, 2024
The web sits apart from the rest of technology; to me, it’s inherently more interesting. Silicon Valley’s origins (including the venture capital ecosystem) lie in defense technology. In contrast, ...
Read Morehow to buy shoes in the fediverse
October 11, 2024
It’s hard to get settled into the fediverse for a set of distinct but interlocking reasons, starting with “How do I pick a server?” Source: how to buy shoes in the fediverse...
Read MoreFrontend Observability
October 11, 2024
Frontend development has evolved rapidly over the past decade, but one challenge remains constant: understanding what’s happening in real-time across diverse browsers, environments, and user interac...
Read MoreDesign for Real Life
October 11, 2024
You can’t always predict who will use your products, or what emotional state they’ll be in when they do. But by identifying stress cases and designing with compassion, you’ll create ...
Read MoreLiskov’s Gun: The parallel evolution of React and Web Components – Baldur Bjarnason
October 10, 2024
It’s really hard to add extensibility and “composability” to an already complex class inheritance tree with pre-existing and rigidly defined composition system without making some hard compromis...
Read More