I am refactoring my personal website 🔧 [Week in Review - Week 24/20]
Published: 2020-06-14 18:04:35

_If you like this article, chances are you will like my tweets too. If you are curious, have a look at my [Twitter profile](https://twitter.com/natterstefan). 🚀_

Hello 👋🏻.

Welcome to my "Week in Review" series. Each week I'm going to share what I discovered, learned, and tested with you. This series will be my digital garden one day. Let's sow some seeds and jump right into the review.

---

{% twitter 1271812572791164928 %}

This is one of my best performing tweets ever :)

{% twitter 1271849820387500033 %}

45% of 2020 passed and many people want to reset 2020 already. 
Who can blame them? A lot of bad things happened this year. But now is not the time to talk about the issues of the first 165 days of 2020. Let's take a look at this week's highlights.

## Highlights

Can you believe [this person does not exist](https://thispersondoesnotexist.com/)? The AI behind the website uses a complicated algorithm to instantly produce a computer-generated face that looks human _but_ is not real. The results are amazing, aren't they? The site even creates random scenes for different series - e.g. for [The Office](https://thispersondoesnotexist.com/office/).

Jose Felix published an extensive article on dev.to with the promising title ["40+ High Quality Free Resources for Web Development"](https://dev.to/jfelx/40-high-quality-free-resources-for-web-development-10o3). There are many valuable resources on his list. Make sure you take a look. You won't regret it.

[Microsoft’s VSCode source code is open source (MIT-licensed)](https://github.com/microsoft/vscode), but the product Visual Studio Code is licensed under another license and contains telemetry and tracking. Maybe you don't like it but still want to use Visual Studio Code? Then [VSCodium](https://vscodium.com/) is for you.

{% twitter 1271500620869091328 %}

This is my next major milestone - deploying a new version of [my personal website](http://natterstefan.me/). I previously used [Gatsby](https://www.gatsbyjs.org/), but for the 2.0 version, [NextJS](https://nextjs.org/) is used besides [Tailwind](https://tailwindcss.com/). Once the page is online, I want to increase the rate of writing and publishing new articles. One thing is important for me this time as well: my website (the theme) will be open-sourced when it's online. I will let you know when it is ready!

## ⛓ Links of the Week

- [oiljs.org](https://www.oiljs.org/): "OIL is a holistic consent management platform that enables your compliance with GDPR and ePrivacy". [Alexander S](https://twitter.com/alex_s_/status/1269930219122589696) tweeted about it last week.
- [Split View for Mac](https://www.digitaltrends.com/computing/how-to-use-split-view-on-a-mac/): to be honest, I totally missed that feature on macOS since I use [Rectangle](https://rectangleapp.com/) these days.
- I am looking for a new monitor ([preferably a 49-inch widescreen](https://amzn.to/30GRe11)) currently. During my research, I stumbled upon a video explaining [LG's Dual Controller software](https://www.lg.com/uk/monitors/lg-49WL95C). In the video, they still [use the Internet Explorer](https://d.pr/i/OED5QA/6XCKVGZGBF). I shook my head in disbelief. 😂
- Last week [explainschell.com](https://explainshell.com/) was on my list. This week [tldr](https://github.com/tldr-pages/tldr) appeared on my radar. It was installed right away and it is indeed helpful.
- This week's [@code](https://twitter.com/code) setting: `editor.cursorSurroundingLines` configures when scrolling starts as the cursor moves through a file ([example video](https://twitter.com/mattbierner/status/1264269871350640640)).
- [Snowpack](https://www.snowpack.dev/): is a faster build tool for modern web apps (dev environment that starts up in 50ms or less) with out-of-the-box support for TypeScript, JSX, CSS Modules, and more. Lukas shared this tool with me. Until now I have not tested it, but it looks pretty interesting. Have you used it and can share your experience with us in the comments below?
- The [GitLab Handbook](https://about.gitlab.com/handbook/) is still on my Read-Later list. The GitLab team handbook is the central repository for how they run the company. My friend Barnabas suggested it to me. I definitely want to read it. You can also download the [GitLab Remote Playbook](https://about.gitlab.com/resources/ebook-remote-playbook/).
- Do you use an ergonomic mouse and/or keyboard? The [CSL optical mouse and Microsoft's Natural Ergonomic Keyboard 4000](https://dev.to/natterstefan/comment/106ej) are in use in both my Home Office and Company Office.
- Sometimes you have a saved autocomplete in Chrome which is not working or you do not want it anymore. Remove an item from the autocomplete list with [`FN + Shift + Del`](https://appsliced.co/ask/how-do-i-remove-a-saved-autocomplete-url-from-chrome-for-mac#:~:text=Removing%20an%20autocomplete%20URL%20from,remove%20from%20the%20autocomplete%20list.). Super helpful!
- Speaking of Chrome: Open `chrome://extensions/shortcuts` to [control your extension's shortcuts](https://yourstack.com/pro-tips/527-configure-chrome-extensions-keyboard-shortcuts).
- Here are [20 Blogging Tools Each Blogger must have](https://recurpost.com/blog/20-blogging-tools-each-blogger-must-have/)
- Marc Backes explained in a Livestream on YouTube ["How I Went From Broke To 6 Figures"](https://www.youtube.com/watch?v=CEjPFAaokJ4)
- [KeyCastr](https://github.com/keycastr/keycastr) (an open-source keystroke visualizer) and [Kap](https://getkap.co/) (An open-source screen recorder built with web technology) used by [Telmo](https://telmo.im/uses) are two interesting tools.
- [You can now web-monetize your DEV posts](https://dev.to/devteam/you-can-now-web-monetize-your-dev-posts-but-don-t-get-your-hopes-up-too-quickly-goc) with [Coil](https://coil.com/). Wanna know how it works? Then take a look at [hacksultan's "Web Monetization like I'm 5"](https://dev.to/hacksultan/web-monetization-like-i-m-5-1418) article.
- Are you streaming on YouTube or other platforms? Then [StreamYard](https://streamyard.com?pal=5230236004777984) is for you (_Disclaimer: that's a [StreamYard](https://streamyard.com?pal=5230236004777984) referral link._). Streaming for up to 20 hours a month is free! You can see it in action in [Marc Backes' "Whiskey Wednesday" live stream](https://www.youtube.com/watch?v=LWUAMcnWP78).
- Recoil was already part of [my last week's review](https://dev.to/natterstefan/week-in-review-week-23-20-33g0). Here is another [great article with examples](https://medium.com/swlh/recoil-another-react-state-management-library-97fc979a8d2b) of how to use it. Sveta Slepner wrote another one about [React's concurrent mode](https://medium.com/swlh/what-is-react-concurrent-mode-46989b5f15da) too. They are both insightful.

## 5 Tweets of the Week

{% twitter 1270873570563051521 %}
{% twitter 1271319722781376512 %}
{% twitter 1271079761587122179 %}
{% twitter 1271527111799472134 %}
{% twitter 1270432744519204864 %}

This is it for week 24/20.

See you next week - same place, same platform. 👋🏻

Thanks,
Stefan

----

Do you have tools you want to share with me? I'm always ready to try new things! Just comment below, [mention me on Twitter](https://twitter.com/natterstefan), or send me a DM. That would be awesome. 🥳

Let's stay connected on [_Twitter_](https://twitter.com/natterstefan) and [_LinkedIn_](http://www.linkedin.com/in/natterstefan).

---

_This post includes affiliate links; I may receive compensation if you purchase products or services from the different links provided in this article._