Weekly Digest 19/2022
Welcome to my Weekly Digest #19.
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
Building a Design System from scratch
A deep dive into Maxime’s experience building his own design system that documents his process of defining tokens, creating efficient components, and shipping them as a package.
You Don’t Need A UI Framework
Developers often reach for UI frameworks like Bootstrap or Material UI, hoping that they’ll save a bunch of time and quickly build a professional-looking app. Unfortunately, things rarely work out this way. Let’s talk about it.
Some great videos I watched this week
7 Essential Command Line Tools
Introducing seven command-line tools.
NextJS Rendering Methods — Explained (CSR vs SSR vs SSG vs ISR)
There are lots of ways you can render components in NextJS. In this tutorial, we explain and demystify the different methods, SSG vs CSR vs SSR vs ISR, and give you a simple mental model to make a choice.
What’s new for the web platform
Una and Jake dive into recently-cross-browser features, and some experimental stuff that’s on its way to make web development easier and more powerful.
State of CSS
Styling on the web has been moving fast, bringing rich features for container-based styles and layouts, managing color contrast, leveraging device vibrant colors, gradients, and new color spaces for mixing, orchestrating stylesheets, subgrid, inert, :has() selector, and much more. With each browser working in unison to improve stability while also delivering fan-favorite features, 2022 is shaping up to be a huge year for styling.
DevTools: State of the Union 2022
See a demo tour of new DevTools features that allow web developers to generate site performance insights, automate user flows, debug design issues, and more.
Bringing page transitions to the web
Native apps often feature transitions between states that both look great and help communicate the type of navigation to the user. The bad news: creating transitions between pages on the web is impossible. In-page transitions are possible, but complex. The good news: new APIs are coming to simplify this process, building on top of CSS animations and the web animation API, and it works across navigations!
Useful GitHub repositories
fklill
Fabulously kill processes. Cross-platform.
Scrollex
Build beautiful scroll experiences using minimal code
Markdoc
A powerful, flexible, Markdown-based authoring framework.
dribbble shots
Timeline Project Management Interface
Bettermotion Project
Cluster | Team management dashboard
Tweets
Podcasts worth listening
Syntax — 10 Nifty Browser APIs
In this episode of Syntax, Wes and Scott talk about 10 browser APIs you might not be familiar with including getUserMedia, Resize Observer, SpeechRecognition, and more!
CodePen Radio — With Micah Godbolt
Chris got to talk with Micah Godbolt this week! Micah is is a long-hauler at Microsoft working on Design Systems and such.
Syntax — NX Monorepos with Victor Savkin
In this supper club episode of Syntax, Wes and Scott talk with Victor Savkin about NX Monorepo development.
Thank you for reading, talk to you next week, and stay safe! 👋
