Westbrook Johnson articles - 26 total
Testing with JS is like magic, but is it science?
If that title doesn't get you riled up, I know what will... Last time on "Testing Web...
Enter, it screams... I mean, it streams
Have you ever thought to write an event listener like the following? const button =...
Testing Web Components with @web/test-runner
So, you write web components and you're interested in expanding the work you put into unit testing...
Testing Accessibility with Shadow Roots
Recently, I had the opportunity to discuss the difficulties, learnings, and victories or developing...
Who doesn't love some `<slot />`s?
It does seem like I enjoy a good <slot></slot>. I mean, look, I wrote about them all the...
Some things to know about Lit
When reviewing software with which you have little experience, it's pretty common to attempt to...
Doing a FLIP with lit-html@2.0
UPDATE: (20 March 2021) Add support for window.matchMedia('(prefers-reduced-motion: no-preference)')....
Mind the `document.activeElement`!
The element that currently has focus in your HTML at any point in time can be accessed as document.ac...
Things We did for the First Time in 2019...
Hi, I'm Westbrook and I'm a front-end engineer. 👋🏼 I've been doing this CSS/HTML/JS thing for more...
`composed: true` considered harmful?
Disclaimer: it was brought to my attention that in my desire to strike a very click-bait-like pose...
Not Another To-Do App: Part 10
Getting your hands dirty and feet wet with Open Web Component Recommendations...sort of....
Not Another To-Do App: Part 9
Getting your hands dirty and feet wet with Open Web Component Recommendations...sort of....
Not Another To-Do App: Part 8
Getting your hands dirty and feet wet with Open Web Component Recommendations...sort of....
Not Another To-Do App: Part 7
Getting your hands dirty and feet wet with Open Web Component Recommendations...sort of....
Not Another To-Do App: Part 6
Getting your hands dirty and feet wet with Open Web Component Recommendations...sort of....
Not Another To-Do App: Part 5
Getting your hands dirty and feet wet with Open Web Component Recommendations...sort of....
Not Another To-Do App: Part 4
Getting your hands dirty and feet wet with Open Web Component Recommendations...sort of....
Not Another To-Do App: Part 3
Getting your hands dirty and feet wet with Open Web Component Recommendations...sort of....
Not Another To-Do App: Part 2
Getting your hands dirty and feet wet with Open Web Component Recommendations...sort of....
Not Another To-Do App
Getting your hands dirty and feet wet with Open Web Component Recommendations...sort of: Par...
Turning up to Lit
Upgrading from Polymer 2.0 to LitElement
Your Portal Content through a LitElement
Now that we can build portal content with shadow DOM and custom elements, let's take advantage of LitElement to make the process even easier!
LitElement To-Do App
LitElement To-Do App: And, how it compares to React as well as Vue.
Why Would Anyone Use Constructible Stylesheets, Anyways?
Let's learn together what a Constructible Stylesheet is and how they might be used for fun and profit.
Your Content in Shadow DOM Portals
Before we had Portals we had Portals, and they were a gift of the framework gods. What does and should an OG Portal look like when brought to you in Vanilla JS?