Code Linting for Web Designers
You may have heard that you should be “linting” your code. What does that mean? Why would you want to do it?
Development, Page 5
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.
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. 🎉
Your bundled code deserves some attention too!
Development toolchains now have many more layers of tools than they did years ago. Because of this change, the JS code that runs in our users' browsers looks less like the original code we authored. Periodically checking the code generated by our tools can lead to opportunities to reduce bundle size and improve performance for users.
How to Inline HTML Stories in Storybook 5 Docs
The Docs add-on displays vanilla HTML stories in iframes by default. Let's fix that!
Making Our Patterns More Accessible
Our accessibility best practices have changed a lot in recent years, which we're reflecting in the next version of our design system.
A “new direction” in the struggle against rightward scrolling
The other day I was building a responsive website with a navigation menu that slides into view from the left when you click the menu button. I was about to head off to the pub,…
Quick Tip: How to Hide Whitespace Changes in Git Diffs
If you’ve ever had to review a PR where the only code change is adding a wrapper element, you’ll be familiar with the pain of reviewing what appears to be a massive change but is actually trivial.