Weekly Digest 02/2022
Tags: css, javascript, webdev, news
Published: 2022-01-16 17:35:03

Welcome to my Weekly Digest #2 of 2022.

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

### Animating with the Flip Plugin for GSAP

Initial experimentation with the FLIP technique to create fun add-to-cart transitions

[Animating with the Flip Plugin for GSAP | Ryan Mulligan](https://ryanmulligan.dev/blog/gsap-flip-cart/)

### Make Beautiful Gradients

Have you ever noticed that gradients tend to look a little gray and washed-out in the middle? This happens because of a mathematical quirk with RGB colors. Fortunately, we can work around this quirk, and create beautiful, lush, saturated gradients.

[https://www.joshwcomeau.com/css/make-beautiful-gradients/](https://www.joshwcomeau.com/css/make-beautiful-gradients/)

### Color Modulation — Generative Snacks!

Introduce a touch of beautiful, organic color variance to your generative compositions with just a few lines of code.

[Color Modulation - Generative Snacks! | George Francis](https://georgefrancis.dev/snacks/color-modulation/)

---

## Some great videos I watched this week

### Reverse a Linked List in-place

Once you create your linked list, the most common question the interviewer will ask is to reverse the direction of the linked list.

{% youtube KlXk37TtMmo %}

by [Basarat Codes](https://twitter.com/basarat)

### Discover and fix low contrast text with DevTools

Learn how to discover and fix low contrast text with DevTools

{% youtube t4pDjqhG6fE %}

by [Google Chrome Developers](https://twitter.com/ChromiumDev)

---

## Useful GitHub repositories

### @parcel/css

A CSS parser, transformer, and minifier written in Rust.

{% github parcel-bundler/parcel-css %}

### **Icônes**

Icon Explorer with Instant searching, powered by Iconify

{% github antfu/icones %}

### **AR Cut & Paste**

Cut and paste your surroundings using AR

{% github cyrildiagne/ar-cutpaste %}

---

## dribbble shots

### Fodcasta - Food Podcast Mobile Design

![by [Andri Setiawan](https://dribbble.com/shots/17280724--Fodcasta-Food-Podcast-Mobile-Design)](https://cdn.dribbble.com/users/8374815/screenshots/17280724/media/6e360bf033fdd03d3d72b4e42a1dfd04.png)

by [Andri Setiawan](https://dribbble.com/shots/17280724--Fodcasta-Food-Podcast-Mobile-Design)

### Worque | low-code automation

![by [Alexander Plyuto](https://dribbble.com/shots/17244068--Worque-low-code-automation)](https://cdn.dribbble.com/users/517584/screenshots/17244068/media/b68552fb375a7228a1e02bb9a4dff95d.png)

by [Alexander Plyuto](https://dribbble.com/shots/17244068--Worque-low-code-automation)

### **Medical service - Mobile App**

![by [Anastasia](https://dribbble.com/shots/17257062-Medical-service-Mobile-App)](https://cdn.dribbble.com/users/4189231/screenshots/17257062/media/dacb27276dfb414da12a8ee2d18d87f6.png)

by [Anastasia](https://dribbble.com/shots/17257062-Medical-service-Mobile-App)

---

## Tweets

{% twitter 1479496816693592065 %}

{% twitter 1480929944301674497 %}

{% twitter 1481310074639470597 %}

{% twitter 1482448045891485700 %}

---

## Picked Pens

### AI Art Generator

{% codepen https://codepen.io/Coderesting/pen/YzrOOzp %}

by [Yannick Brandt](https://twitter.com/Coderesting1)

### CSS Stretchy Heading

{% codepen https://codepen.io/ShadowShahriar/pen/ZEXVLbB %}

by [S. Shahriar](https://twitter.com/ShadowShahriar)

---

## Podcasts worth listening

### Syntax – Remix!

In this Hasty Treat, Scott and Wes talk about Remix!

{% spotify spotify:episode:4utyfFJAuvpdTPntJ83KGd %}

### CodePen Radio – **2021’s Most Hearted**

It’s back! We counted up all the hearts given to every Pen created in 2021 and [created a list of the top 100](https://codepen.io/2021/popular/pens/). Marie and Chris chat about this year’s list. Who’s on it, what’s on it, and digging into the numbers where we can.

{% spotify spotify:episode:0H7p9gwWsgHFY3ulvFQcpu %}

---

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