Generating SVG Solar Systems, Part 1: Setting the Scene

Using JavaScript, SVGs, and CSS to procedurally generate unique solar systems.
You appear to be offline, some content may be unavailable.
Using JavaScript, SVGs, and CSS to procedurally generate unique solar systems.
Pleasantest is a library that integrates with Jest to help you write UI tests that interact with real browsers. It uses Puppeteer to launch and control browsers, Testing Library to find elements on the page, and jest-dom to make assertions against the DOM.
By leveraging native browser controls, we can make accessible and high-performing components with just a dash of JavaScript.
You may have heard that you should be “linting” your code. What does that mean? Why would you want to do it?
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.
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.
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.
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. 🎉
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.
The Docs add-on displays vanilla HTML stories in iframes by default. Let's fix that!