Welcome to my Weekly Digest #24 of this year.
This weekly digest contains a lot of interesting and inspiring articles, videos, tweets, podcasts, and designs I consumed during this week.
Learn why the GitHub Design Infrastructure team built a dedicated color tool and how they use it to create new color palettes for GitHub.
Learn how 1Password Developer Tools give you an alternative way to collaborate on configuration.
Ever since Google announced the webpage performance, as measured by Core Web Vitals (CWV) is a ranking factor starting May 2021, it has become the de-facto standard for measuring performance on the web.
by Dan Shappir
by Matt Pocock
Record double-click and right-click events, new options to measure user flow in Lighthouse and more.
Jest matcher for image comparisons. Most commonly used for visual regression testing.
✨ Jest matcher for image comparisons. Most commonly used for visual regression testing.
👩💻 Hiring 👨💻
Want to get paid for your contributions to
Send your resume to firstname.lastname@example.org
📖 Table of Contents
- Take image snapshots of your application
- Ability to compare snapshots from a baseline
- Update snapshots when you're good with changes
- Customize a difference threshold
- Add a Gaussian blur for noise
- Adjust the diff layout horizontal vs vertical
How it works
Given an image (Buffer instance with PNG image data) the
toMatchImageSnapshot() matcher will create a
__image_snapshots__ directory in the directory the test is in and will store the baseline snapshot image there on the first run. Note that if
customSnapshotsDir option is given then it will store baseline snapshot there instead.
On subsequent test runs the matcher will compare the image…
A syntax-aware linter for prose built with speed and extensibility in mind.
Vale is a command-line tool that brings code-like linting to prose. It's fast, cross-platform (Windows, macOS, and Linux), and highly customizable
Hi there! I'm @jdkato, the sole developer of Vale. If you'd like to help me dedicate more time to developing, documenting, and supporting Vale, feel free to donate through the Open Collective. Any donation—big, small, one-time, or recurring—is greatly appreciated!
💥 Key Features
Support for markup: Vale has a rich understanding of many markup formats, allowing it to avoid syntax-related false positives and intelligently exclude code snippets from prose-related rules.
A collection of 24 x 24 dp SVG spinners!
All spinners are displayed as 24 x 24 dp. The main content rests inside the live area of 22 dp with a padding of 1dp.
|Preview||File Name||Size (Bytes)|
by Ihya Fathurr
by Asal Design
☄︎@0xca0aadded pointer events and clicking action, almost getting tempted adding real scrollable html to the phone screen now 😑
codesandbox.io/s/interactive-…23:14 PM - 14 Jun 2022
Axel RauschmayerMacOS: You can copy ESM code (including top-level `await`) to the clipboard and execute it via Node.js as follows.
pbpaste | node --input-type=module10:18 AM - 16 Jun 2022
by Temani Afif
In this supper club episode of Syntax, Wes and Scott talk edge functions and Deno with Eduardo Bouças of Netlify.
Thank you for reading, talk to you next week, and stay safe! 👋