Weekly Digest 30/2021
Welcome to my Weekly Digest #30 which is the first one in August for 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
Creating an accessible autocomplete experience
After many months of research, development, and testing, we’re excited to announce that the React Spectrum ComboBox component and React Aria useComboBox hook are now available! In this post, we'll take a deeper look into some of the challenges we faced when building an accessible and mobile-friendly ComboBox.
A framework for building Open Graph images
We recently set about creating a framework and service for automatically generating social sharing images for repositories and other resources on GitHub.
ES2021 Features
ES2021 as approved by the Ecma General Assembly
How to test component interactions
Learn how to simulate user behavior and run functional checks
Some great videos I watched this week
Building A Sliding Puzzle Game with a Custom Image Using ReactJS
In this video tutorial, Daniel shows you how to build a 16 tile sliding puzzle game where you can set your own image as the puzzle background.
HackTheBox “Business CTF” — discordvm — Node.js Sandbox Escape
The New Way To Debug JavaScript in VS Code
VS Code now has built-in debugging. This means you don’t need to install an extra extension to get started debugging JavaScript. In this video, James will show you how to set it up
Terraform in 100 Seconds
Terraform is an Infrastructure as Code (IAC) tool that can provision resources in the cloud. Learn how to set up terraform and connect it to cloud providers like AWS, Google Cloud, Azure, or Docker to automate your infrastructure
VS Code tips: Add missing function Quick Fix for JavaScript and TypeScript
Use this quick fix to stub out missing functions in TypeScript and JavaScript files
A CSS Grid Layout with Pictures Down One Side Matched Up with Paragraphs on the Other
We go through some image best practices, look at a clever technique for testing layout sizes with a single click, deal with small screen layouts, and then battle with how we get to keep our nice layout when extra HTML elements “get in the way”.
Useful GitHub repositories
GitHub Readme Stats
Get dynamically generated GitHub stats on your readmes!
Size Limit
Size Limit is a performance budget tool for JavaScript. It checks every commit on CI, calculates the real cost of your JS for end-users, and throws an error if the cost exceeds the limit.
dribbble shots
Node — Crypto NFT iOS UI Kit
Sign In to Account
Messenger App — Mobile Design
Course learning app ui ux
Tweets
Podcasts worth listening
Syntax — The Surprisingly Exciting World of Favicons
In this Hasty Treat, Scott and Wes talk about favicons. Favicons are a bit of mystery and something people don’t talk about that often.
The CSS Podcast — counters and counter-syle
Count on The CSS Podcast to cover counters. Una and Adam teach all the ways to create, reset, and update counters. Use them for lists, games, and more!
Syntax — ShopTalk x Syntax
In this episode of Syntax, Scott and Wes do a collaboration with Chis Coyier and Dave Rupert from ShopTalk Show! They talk about favorite tech stacks, podcasting, learning new tech, dealing with FOMO, and more!
The Changelog — Modern Unix tools
This week we’re talking with Nick Janetakis about modern unix tools, and the various commands, tooling, and ways we use the command line. Do you Bash or Zsh? Do you use cat or bat? What about man vs tldr? Today's show is a deep dive into unix tools you know and love or should know, and maybe love.
Thank you for reading, talk to you next week, and stay safe! 👋
