DEV Community

Cover image for Weekly Digest 24/2022
Marco Biedermann
Marco Biedermann

Posted on

Weekly Digest 24/2022

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.


Interesting articles to read

Accelerating GitHub theme creation with color tooling

Learn why the GitHub Design Infrastructure team built a dedicated color tool and how they use it to create new color palettes for GitHub.

Accelerating GitHub theme creation with color tooling | The GitHub Blog

Go ahead, delete your .env.example file

Learn how 1Password Developer Tools give you an alternative way to collaborate on configuration.

Go ahead, delete your .env.example file | 1Password


Some great videos I watched this week

*The ins and outs of Core Web Vitals by Dan Shappir*

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

Dry up your generic signatures with default generics

by Matt Pocock

Chrome 103 - What’s New in DevTools

Record double-click and right-click events, new options to measure user flow in Lighthouse and more.

by Google Chrome Developers


Useful GitHub repositories

Jest-Image-Snapshot

Jest matcher for image comparisons. Most commonly used for visual regression testing.

GitHub logo americanexpress / jest-image-snapshot

✨ Jest matcher for image comparisons. Most commonly used for visual regression testing.

Jest Image Snapshot - One Amex

npm Health Check Mentioned in Awesome Jest

Jest matcher that performs image comparisons using pixelmatch and behaves just like Jest snapshots do! Very useful for visual regression testing.

👩‍💻 Hiring 👨‍💻

Want to get paid for your contributions to jest-image-snapshot?

Send your resume to oneamex.careers@aexp.com

📖 Table of Contents

Features

  • 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…

Vale

A syntax-aware linter for prose built with speed and extensibility in mind.

GitHub logo errata-ai / vale

📝 A syntax-aware linter for prose built with speed and extensibility in mind.

Vale: Your style, our editor Build status Go Report Card GitHub All Releases Docker Pulls Chocolatey Homebrew

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

❤️ Sponsors

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!

Organizations

Individuals

💥 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 highly customizable extension system: Vale is capable of enforcing your style—be it a standard editorial style guide or a custom in-house set of rules (such as those created by GitLab

SVG Spinners

A collection of 24 x 24 dp SVG spinners!


dribbble shots

Troovē - Landing Page Mobile Responsive

by [Ihya Fathurr](https://dribbble.com/shots/18519165-Troov-Landing-Page-Mobile-Responsive)

by Ihya Fathurr

Food Delivery App

by [Lasha Monaselidze](https://dribbble.com/shots/18517509-Food-Delivery-App-Case-Study)

by Lasha Monaselidze

Mobile App Design.

by [Mishu](https://dribbble.com/shots/18520393-Mobile-App-Design)

by Mishu

Sekuterin - Scooter Rental App

by [Asal Design](https://dribbble.com/shots/18508443-Sekuterin-Scooter-Rental-App)

by Asal Design


Tweets


Picked Pens

Kill Internet Explorer but don't touch Chrome

by Temani Afif

SVG Image Mask

by Stephanie Eckles

Pure CSS The Queen's Gambit

by Asyraf Hussin


Podcasts worth listening

Syntax – Edge Functions and Deno with Eduardo Bouças of Netlify

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! 👋

Discussion (0)