Weekly Digest 45/2021
Welcome to my Weekly Digest #45.
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
Rust Is The Future of JavaScript Infrastructure
Why is Rust being used to replace parts of the JavaScript web ecosystem like minification (Terser), transpilation (Babel), formatting (Prettier), bundling (webpack), linting (ESLint), and more?
The Golden Ratio and User-Interface Design
Although traditionally used in art and architecture, the golden ratio can be referenced to design aesthetically pleasing interfaces.
Interactive Rebase: Clean up your Commit History
Interactive Rebase is the Swiss Army knife of Git commands: lots of use cases and lots of possibilities!
Some great videos I watched this week
Cleaning Up Copilot Code
GitHub Copilot is a great helper, but you it’s just the copilot. Let’s take the pilot’s chair and turn some not-so-great Copilot code and turn it into high-quality production-ready TypeScript code.
Knobs!
Yair Even Or has a neat project called Knobs that adds UI controls that adjust CSS Custom Properties instantly any way you need them to. There is more to the project than that, but that’s how we use them here to control some generative art.
Webpack alternative: ESBuild
Shopify built a JS Framework
Shopify just announced a React-based JavaScript framework called Hydrogen. It is similar to Next.js but has extra features for e-commerce and data fetching with GraphQL.
Chrome 96 — What’s New in DevTools
New CSS Overview panel, emulate CSS prefers-contrast media and Chrome’s auto dark mode, and more.
Useful GitHub repositories
Fantasy Map Generator
Fantasy Map Generator is a free web application generating interactive and highly customizable svg maps based on voronoi diagram.
GitHub Pages Deploy Action
This GitHub Action will automatically deploy your project to GitHub Pages. It can be configured to push your production-ready code into any branch you’d like, including gh-pages and docs.
quicktype
quicktype generates strongly-typed models and serializers from JSON, JSON Schema, TypeScript, and GraphQL queries, making it a breeze to work with JSON type-safely in many programming languages.
dribbble shots
Money transfer app mock-ups
Cinely Streaming Real Project
Fitness App UI Exploration
Tweets
Picked Pens
Paper plane
Generative Bauhaus Grid Patterns
Diagonal Page Transitions
Podcasts worth listening
CodePen Radio — Challenges
Marie and Chris talk about CodePen Challenges, which have been going strong for many years now.
Call with Kent — Learning Gaps & Cluelessness as a Developer
Hello Kent, I learned software development in a self-taught path and I really didn’t do a good job because when I hear words like Serverless and others, I don’t have the first clue what they are talking about.
Syntax — Web Containers, StackBlitz, and Node.js in the Browser
In this episode of Syntax, Scott and Wes talk with Tomek Sulkowski about web containers, StackBlitz, and more!
Thank you for reading, talk to you next week, and stay safe! 👋
