Weekly Digest 33/2021
Tags: css, javascript, react, webdev
Published: 2021-08-22 16:48:31

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

### How to calculate REMs from pixels

Sizing things in CSS can be tricky. But REMs are probably easier than you think.

[How to calculate REMs from pixels](https://typeofnan.dev/how-to-calculate-rems-from-pixels/)

### Creating Victory charts in React Native

Engage users with effective data visuals that are easy to read and understand. Here's how to apply Victory charts in your React Native app.

[Creating Victory charts in React Native - LogRocket Blog](https://blog.logrocket.com/creating-victory-charts-react-native/)

### Accessibility from the Ground Up

So you are starting or restarting that website or web app from scratch, and you want to do things well. You know about accessibility, you know it’s important, and no one up the food chain (all them bosses) is challenging this (or invested enough to care). That’s great news! Let’s make that project A C C E S S I B L E. ✨

[Accessibility from the Ground Up](https://kittygiraudel.com/2021/08/20/accessibility-from-the-ground-up/)

### Deno, a breath of fresh air for the server-side JavaScript

Deno is made by the original creator of Node.js, Ryan Dahl. It is his successor project that aims to fix all regrettable things from the Node.js design. Let me share with you why I like it so much!

[Deno, a breath of fresh air for the server-side JavaScript | pawelgrzybek.com](https://pawelgrzybek.com/deno-a-breath-of-fresh-air-for-the-server-side-javascript/)

---

## Some great videos I watched this week

### Create a Paid Subscription Newsletter

With MailPoet and WooCommerce, both plugins for WordPress, we can build a paid subscription newsletter. Our only costs are transaction fees, whatever WordPress hosting we might need, and a yearly fee for WooCommerce Subscriptions, making it a very cost-friendly choice.

{% youtube UA4ec7YWokY %}

by [Chris Coyier](https://twitter.com/chriscoyier)

### Build a Curvaceous Homepage

Learn how to design a website with curved or wavy backgrounds using HTML and CSS. Then take things to the next level by adding a morphing SVG animation with JavaScript

{% youtube lPJVi797Uy0 %}

by [Fireship](https://twitter.com/fireship_dev)

### How Functional Programming Can Make You A Better Developer

We've all heard of functional programming, but how can you apply it to your existing code?

{% youtube EqO4TcNLjl0 %}

by [Eric Normand](https://twitter.com/ericnormand)

---

## Useful GitHub repositories

### Alpine.js

A rugged, minimal framework for composing JavaScript behavior in your markup.

{% github alpinejs/alpine %}

### Payloads All The Things

A list of useful payloads and bypass for Web Application Security and Pentest/CTF

{% github swisskyrepo/PayloadsAllTheThings %}

### Manim

A community-maintained Python framework for creating mathematical animations.

{% github ManimCommunity/manim %}

---

## dribbble shots

### Fitness App

![https://cdn.dribbble.com/users/257709/screenshots/16290615/media/d56b8456ba0f807b023bbf5916014a91.png](https://cdn.dribbble.com/users/257709/screenshots/16290615/media/d56b8456ba0f807b023bbf5916014a91.png)

by [uixNinja](https://dribbble.com/shots/16290615-Fitness-App)

### 3D Glass Card Illustration

![https://cdn.dribbble.com/users/2424774/screenshots/16289478/media/9f74e74364ca09bce0004bcc17ba1bd5.png](https://cdn.dribbble.com/users/2424774/screenshots/16289478/media/9f74e74364ca09bce0004bcc17ba1bd5.png)

by [M Wildan Cahya Syarief](https://dribbble.com/shots/16289478-3D-Glass-Card-Illustration)

### Saas app

![https://cdn.dribbble.com/users/941761/screenshots/16288330/media/8d74212c4435187c5b96da6dbdcebd7c.png](https://cdn.dribbble.com/users/941761/screenshots/16288330/media/8d74212c4435187c5b96da6dbdcebd7c.png)

by [DΞNYS SΞRGUSHKIN](https://dribbble.com/shots/16288330-Saas-app)

### Online Course App UI Concept

![https://cdn.dribbble.com/users/5665869/screenshots/16287572/media/8bdc3efb4ec106a11fe9519239a8a20d.png](https://cdn.dribbble.com/users/5665869/screenshots/16287572/media/8bdc3efb4ec106a11fe9519239a8a20d.png)

by [Mushfiqur Rahman](https://dribbble.com/shots/16287572-Online-Course-App-UI-Concept)

---

## Tweets

{% twitter 1427390286284525596 %}

{% twitter 1427083338339160070 %}

{% twitter 1428741311008583681 %}

{% twitter 1429075313158496261 %}

---

## Picked Pens

### Responsive CSS Food Truck

{% codepen https://codepen.io/cobra_winfrey/pen/oNWRbBG %}

by [Adam Kuhn](https://twitter.com/cobra_winfrey)

### Gradient shadow

{% codepen https://codepen.io/argyleink/pen/WNxeBKa %}

by [Adam Argyle](https://twitter.com/argyleink)

---

## Podcasts worth listening

### Syntax – The Weird and Wonderful Link Tag

In this Hasty Treat, Scott and Wes talk about the tag — why it’s weird and wonderful, and what you can do with it!

{% spotify spotify:episode:3T1TlF3vsPlczVTGk65lUi %}

### Ladybug – Getting Started With TypeScript

TypeScript is an open-source programming language built on JavaScript that provides static type definitions. It has taken the front-end development community by storm over the past few years and today we’re going to give you a beginner-level rundown on the language.

{% spotify spotify:episode:1PCnhBpT02fTkXdSKBbAjc %}

### CodePen Radio – Gathering Data

Marie and Chris talk about all the sources of data we have, think about, and use to help us. We do have one main database on CodePen, and truth be told, it’s got a bunch of data in it.

{% spotify spotify:episode:4hRXo267tsV9PAvixL3bji %}

### Syntax – - Moist code × Memoization × Ready for full-time? × Deadlines × Design ethics × React components × Video hosting × Local fonts × More!

It’s another Potluck! In this episode, Scott and Wes answer your questions about memoization, how to know when you’re ready for a full-time dev job, what to do when you underestimate projects, design ethics, local fonts, and more!

{% spotify spotify:episode:09Mk0cdSrc46gkILKPhkEk %}

---

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