Weekly Digest 29/2021
Welcome to my Weekly Digest #29 of this year. It’s still a bit quiet out there in the community due to the summer holidays.
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
The Large, Small, and Dynamic Viewports
There are some changes being made regarding viewport units. The additions define several viewport sizes: the Large, Small, and Dynamic Viewport.
Temporal: getting started with JavaScript’s new date time API
Automatic hyphenation depends on the defined document language
Ways to hyphenate words and how the document language affects automatic hyphenation.
Some great videos I watched this week
Performance Testing CSS-Tricks with WebPageTest
Chris Coyier (CSS-Tricks) gets a hands-on performance review with Tim Kadlec (WebPageTest).
The Math behind Animations
Learn React Native Gestures and Animations
Useful GitHub repositories
vis
visx is a collection of reusable low-level visualization components. visx combines the power of d3 to generate your visualization with the benefits of react for updating the DOM.
WiFi Card
Print a simple card with your WiFi login details. Tape it to the fridge, keep it in your wallet, etc.
Windows 11 in React
This open-source project is made in the hope to replicate the Windows 11 desktop experience on the web, using standard web technologies like React, CSS (SCSS), and JS.
Infracost
Infracost shows cloud cost estimates for infrastructure-as-code projects such as Terraform. It helps DevOps, SRE, and developers to quickly see a cost breakdown and compare different options up front.
dribbble shots
Wallet App Exploration
Payfast — Finance App Design
Inputs Component
Travigo — Travel Dashboard
Tweets
Picked Pens
Emoji Lis
Modern Blog Layout with CSS Grid
Newton’s CSS cradle
Podcasts worth listening
Syntax — Stylelint for Linting CSS
In this Hasty Treat, Scott and Wes talk about Stylelint, what it is and why you should use it!
The CSS Podcast — Styling SVG in CSS
CSS and SVG are very intertwined, and you can create a lot of unique effects by combining the two. This episode dives into a few CSS + SVG tips and tricks, including where and how to use SVG on your page, icon systems, color theming, adding animations, filter effects, and more!
Thank you for reading, talk to you next week, and stay safe! 👋