Weekly Digest 49/2021

by Roman Trofimiuk

Welcome to my Weekly Digest #49 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

Defensive CSS

A list of defensive CSS techniques to avoid potential future issues

Defensive CSS - Ahmad Shadeed

Building The Gatsby Changelog Prototype

In this post, Paul documents his journey of developing a prototype Gatsby Changelog site for the GitHub Actions Hackathon.

Building The Gatsby Changelog Prototype

Coloring With Code — A Programmatic Approach To Design

Learn to create beautiful, inspiring, and unique color palettes/combinations, all from the comfort of your favorite text editor!

Coloring With Code - A Programmatic Approach To Design - Codrops

Some great videos I watched this week

Is Web3 all Hype?

A complete introduction into the wild world of Web3 — the decentralized web. Is Web 3.0 the future or is it all hype? Learn about the technologies and patterns used when building an app on the blockchain.

by Fireship

Thinking on ways to solve Toasts

In today’s GUI Challenge, Adam Argyle shares thinking on a way to build toasts, a non-interactive and passive component for UI to provide user feedback. Explore the [output] element, CSS grid, animations, and the FLIP technique which helps build an adaptive and accessible component.

by Adam Argyle

ShopTalk Astro Edition

It’s funny how you work on a real project, you get a 10 ✕ better understanding of how it works than if you just hello, world it, or read a blog post.

by Chris Coyier

Macro & micro layouts — Designing in the Browser

In this episode of Designing in the Browser, we will be elaborating on some concepts introduced in the Container Queries episode and expanding beyond on how to use container queries into the question of when to use them.

by Una

Useful GitHub repositories

eslint-plugin-storybook

Official ESLint plugin for Storybook

GitHub - storybookjs/eslint-plugin-storybook: Official ESLint plugin for Storybook

gping

Ping, but with a graph

GitHub - orf/gping: Ping, but with a graph

css.gg

700+ Pure CSS, SVG & Figma UI Icons Available in SVG Sprite, styled-components, NPM & API

GitHub - astrit/css.gg: 700+ Pure CSS, SVG & Figma UI Icons Available in SVG Sprite…

dribbble shots

NFT Dashboard

by Afshin

MuseOn Branding

by Halo Branding

Multimedia Design Platform

by Fauzan Ardhiansyah

Crafftt — NFT Marketplace Dashboard

by Rayfan Tio Saputro

Tweets

Picked Pens

Sliding Stepper

by Jon Kantner

Craft Button

by Adir

Responsive castle

by Vast Rideside

Podcasts worth listening

Call with Kent — Bestway to reset a form

This is a question about: Improve the Performance of your React Forms

Syntax — Meta Tags

In this Hasty Treat, Wes and Scott talk about Meta Tags.

Thank you for reading, talk to you next week, and stay safe! 👋