Mighty Morphin’ Web Components
How custom elements have disrupted the structure of our components, encouraging us to broaden the scope of patterns we once considered foundational.
Sharing what we learn about the responsive web, Page 16
Faster Integration with Web Components
Web components promise speedier integration. At some level, I understood this. I've even made this exact point while advocating for them. And yet, what happened on a recent project surprised me.
Cultivating more inclusive, brave, and accountable spaces
I recently attended a workshop about “cultivating brave and accountable spaces” to reduce elitism and exclusivity in the tech industry. I share my learnings and takeaways from this experience.
How to Keep Your Project Manager Happy
It’s not just the “what” but it’s also the “who” that makes a PM successful and happy! Here are some of the qualities we exhibit to help our PMs – and keep them smiling. 😁
HSL: a color format for humans
Colors on the web are confusing — but they don't have to be! The HSL format makes it easy for humans and computers to work with color.
Depth Limiting and Path Filtering in Lighthouse Parade
In case you missed it, last month we released Lighthouse Parade, a CLI tool to automatically run and aggregate Lighthouse performance reports across an entire site. One of the most requested features has been the ability to limit which pages are crawled. We're excited to release Lighthouse Parade 1.1, which introduces three new flags to accommodate these use cases.
Big picture performance analysis using Lighthouse Parade
Lighthouse Parade is a Node.js command line tool that crawls a domain and gathers lighthouse performance data for every page. With a single command, the tool will crawl an entire site, run a Lighthouse report for each page, and then output a spreadsheet with the aggregated data. Each row in the generated spreadsheet is a page on the site, and each individual performance metric is a column. This is convenient for high-level analysis because you can sort the rows by whichever metric you are analyzing.
Building Flexible Components With Transparency
By adding a touch of transparency, we can design components that automatically adapt to their backgrounds.
A GitHub Action for automated deployment to WP Engine
We recently set up a GitHub Action to automatically upload our site updates to WP Engine whenever we push to a specific branch. we suspect other teams might find it useful, too.
Perfectly Broken Code
Join me in exploring a recent experience where I started with flawed logic (without realizing it) and the steps I took to fix my bug. Let’s experience some broken code together. 🎉