Weekly Digest 17/2021
Tags: css, javascript, react, webdev
Published: 2021-05-02 17:16:31

Welcome to my Weekly Digest #17 which is the first one for May.

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

### CSS Hell

Collection of common CSS mistakes, and how to fix them.

[CSS Hell - To Hell with bad CSS!](https://csshell.dev/)

### Faster builds for large sites on Netlify with On-demand Builders

Learn how On-demand Builders improve build times for large sites on Netlify. They help the Jamstack support larger websites and more dynamic apps across any JavaScript framework.

[Get Faster Builds for Large Sites on Netlify: On-demand Builders](https://www.netlify.com/blog/2021/04/14/faster-builds-for-large-sites-on-netlify-with-on-demand-builders-now-in-early-access/)

### What Questions Should You Ask in a Software Engineer Interview?

Often, we focus on acing the interview; however, we need to remember that the process is a two-way street.

[What Questions Should You Ask in a Software Engineer Interview?](https://typeofnan.dev/what-questions-should-you-ask-in-a-software-engineer-interview/)

### JavaScript Temporal API- A Fix for the Date API

JavaScript has a bad date handling API because the Date object implementation was copied directly from Java’s Date Class. Java maintainers eventually deprecated many of Date class methods and created the Calendar Class in 1997 to replace it.

[JavaScript Temporal API- A Fix for the Date API](https://blog.bitsrc.io/javascript-temporal-api-a-fix-for-the-date-api-aa8381a4234c)

---

## Some great videos I watched this week

### Console is more than just log!

We're going to cover `console.count`, `assert`, `table`, `time`, `group` and `trace`.

{% youtube stjI3P0qcTU %}

by [Leigh Halliday](https://twitter.com/leighchalliday)

### CSS Container Queries Polyfill

{% youtube WKIzq6vcO3s %}

by [LevelUpTuts](https://twitter.com/leveluptuts)

### Sass in 100 Seconds

Learn the basics of Sass (SCSS) or syntactically awesome stylesheets. Sass is a language and compiler the can make your CSS code more efficient and programmatic

{% youtube akDIJa0AP5c %}

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

### Let’s defer generating 400+ pages in our build using Eleventy Cloud and On-demand Builders

{% youtube bENDCw9aLV0 %}

by [Zach Leatherman](https://twitter.com/zachleat)

### Using Context to Build a Light/Dark Theme

In this lesson, we'll leverage context and hooks to build a global light/dark theme in our app.

{% youtube L6iIBkrMFUE %}

by [React Native School](https://www.youtube.com/c/ReactNativeSchool)

### Is This The Best JavaScript Extension?

Quokka.js is an extension available for multiple editors that allows you to write JavaScript code on a scratchpad. This scratchpad will auto-update whenever you make changes which makes it the perfect tool for learning, writing, or debugging code. I highly recommend you give it a shot.

{% youtube TQXUeGYs8u0 %}

by [Web Dev Simplified](https://twitter.com/DevSimplified)

---

## Useful GitHub repositories

### Design Resources for Developers

A curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools, and much more

{% github bradtraversy/design-resources-for-developers %}

### React Navigation 5

Routing and navigation for your React Native apps

{% github react-navigation/react-navigation %}

### The Algorithms - Python

All Algorithms implemented in Python

{% github TheAlgorithms/Python %}

---

## dribbble shots

### Job Finder App

![https://cdn.dribbble.com/users/4684322/screenshots/15534544/media/116accf0cc1e5e16db2c29f08d17de5a.png](https://cdn.dribbble.com/users/4684322/screenshots/15534544/media/116accf0cc1e5e16db2c29f08d17de5a.png)

by [Andri](https://dribbble.com/shots/15534544-Job-Finder-App)

### Crypter® – NFT marketplace

![https://cdn.dribbble.com/users/427857/screenshots/15543783/crypter_-_diagonal_16.png](https://cdn.dribbble.com/users/427857/screenshots/15543783/crypter_-_diagonal_16.png)

by [Tran Mau Tri Tam](https://dribbble.com/shots/15543783-Crypter-NFT-marketplace)

### Educora - Web UI Kit

![https://cdn.dribbble.com/users/3010014/screenshots/15580824/media/7f53fba6ed5beda6c1977904b998c6c3.jpg](https://cdn.dribbble.com/users/3010014/screenshots/15580824/media/7f53fba6ed5beda6c1977904b998c6c3.jpg)

by [Yousuf Saymon](https://dribbble.com/shots/15580824--Educora-Web-UI-Kit)

### Learner app

![https://cdn.dribbble.com/users/2285351/screenshots/15573152/media/a5c9e66e3480c1ceaab2cba7b35a3c9a.png](https://cdn.dribbble.com/users/2285351/screenshots/15573152/media/a5c9e66e3480c1ceaab2cba7b35a3c9a.png)

by [Asish Sunny](https://dribbble.com/shots/15573152-Learner-app)

### Delivery Food Mobile Apps

![https://cdn.dribbble.com/users/2162070/screenshots/15574753/media/ac08f2e2baded76f9983eac2a95da0f9.jpg](https://cdn.dribbble.com/users/2162070/screenshots/15574753/media/ac08f2e2baded76f9983eac2a95da0f9.jpg)

by [Indah Ratna Sari](https://dribbble.com/shots/15574753-Delivery-Food-Mobile-Apps)

---

## Tweets

{% twitter 1386686096940179460 %}

{% twitter 1387042731709501444 %}

{% twitter 1387431906359185408 %}

{% twitter 1388214209339707399 %}

{% twitter 1388186884946415624 %}

{% twitter 1388113988534341634 %}

{% twitter 1388031656355794945 %}

---

## Picked Pens

### iPhone 12 purple

{% codepen https://codepen.io/ece_mina/pen/poRGeKO %}

by [Mina](https://codepen.io/ece_mina)

### Apple Keynote animation

{% codepen https://codepen.io/Mamboleoo/pen/ZELqMOg %}

by [Louis Hoebregts](https://twitter.com/Mamboleoo)

### Make the web less boring

{% codepen https://codepen.io/piccalilli/pen/QWdJgJQ %}

by [Andy Bell](https://twitter.com/piccalilli_)

### Peter's Blinds with CSS

{% codepen https://codepen.io/jh3y/pen/KKajeyy %}

by [Jhey](https://twitter.com/jh3yy)

---

## Podcasts worth listening

### Kent C. Dodds - Software Engineer Educator at Kent C. Dodds Tech

Kent goes through his journey from full-time software engineer to full-time SE educator, the mindset of a junior dev, ways to solidify one's knowledge, and best ways to get a job.

{% spotify spotify:episode:40Y2RZ9feIyqS4evUtxR4j %}

### Hasty Treat - Git Rebase Explained

In this Hasty Treat, Scott and Wes talk about Git Rebase — what it is and how and when to use it!

{% spotify spotify:episode:0Sxv86yBWWA9RJRisMUj7C %}

### The CSS Podcast - @font-face

In this episode, Una and Adam talk about font adjustments when being used within @font-face. When fonts are loaded, there's an opportunity to provide default values and fine-tunings.

{% spotify spotify:episode:2lOl1RG3deF4JbuJQfQffd %}

### TypeScript Fundamentals — Getting a Bit Deeper

In this episode of Syntax, Scott and Wes continue their discussion of TypeScript Fundamentals with a deeper diver into more advanced use cases.

{% spotify spotify:episode:5fype60x1ZLwMQHYrfMM0h %}

---

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