How does your GitHub profile README look like? [Week 28/2020 in Review]
Tags: github, notion, alfredapp
Published: 2020-07-13 17:34:30

_If you like this article, chances are you will like my tweets or [newsletters](https://newsletter.natterstefan.me/) 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.

Let's jump right into it.

---

## Highlights

One of the biggest news with lots of tweets last week was GitHub's profile README! You can finally add more than just pinned repositories to [your GitHub profile](https://github.com/natterstefan)! Take the chance and use this valuable free advertising space now.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/fg2vd8n6kw1xp85ju3cd.png)

I updated [my GitHub profile](https://github.com/natterstefan) immediately too. Mine is pretty simple, but I have seen so many creative ones. Like the one from [Cyris](https://github.com/cyrisxd) or [Jay Rogers](https://github.com/jaydrogers). Of course, Jhey had to optimize it by [using CSS animation inlined within an SVG](https://twitter.com/jh3yy/status/1282158102012461056) 😅. You can find [many more inspiring ones here](https://dev.to/waylonwalker/what-s-on-your-github-profile-40p3). Developers like Anurag created tools like [GitHub Readme Stats](https://dev.to/anuraghazra/comment/11lke) and others explain [how to track and display profile views](https://rushter.com/blog/github-profile-markdown/).

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/3q6w6exfshp9gosdp9jp.png)

[Chaoo Charles]((https://twitter.com/chaoocharles/status/1281261602986176513)) shared another awesome browser extension with me called "GitHub Isometric Contributions" ([Open Source](https://github.com/jasonlong/isometric-contributions)). It transforms your GitHub contributions into a fancy chart.

In the last week, I published two new articles on dev.to:

- [How to add a README to your GitHub profile](https://dev.to/natterstefan/how-to-add-a-readme-to-your-github-profile-2bo9) - it was [shared by ThePracticalDev on Twitter](https://twitter.com/ThePracticalDev/status/1281484560396681217) too 🕺🏻.
- and [Enhance your git commands with ASCII Art ☜(˚▽˚)☞](https://dev.to/natterstefan/enhance-your-git-commands-with-ascii-art-2mk5)

It hardly surprised me when I read Cloudflare's summary of their question ["Will JavaScript libraries ever be updated?"](https://medium.com/cloudflare-blog/javascript-libraries-are-almost-never-updated-once-installed-c56d28e40fdb). Take your own projects as a baseline for the question. How often (and do you) update your dependencies? Thanks to [Dependabot](https://dependabot.com/), although the e-mails can be annoying, and to [Renovate](https://github.com/renovatebot/renovate) we have tools helping us to stay up to date with our apps.

## 📗 Currently Reading

I finished reading ["This Is Marketing: You Can’t Be Seen Until You Learn To See" by Seth Godin](https://amzn.to/2Zg41VS). It is an insightful book for marketers and non-marketers. If you want to build an audience for your product, service, or company you should read it.

The next book I am reading is ["Clean Code" by Robert "Uncle Bob" C. Martin](https://amzn.to/2ZoKeop).

Due to an injury, I did not further listen to ["Thinking, Fast and Slow" written by Daniel Kahneman](https://amzn.to/2ZlCSk2) on Audible last week.

What are you reading? Share your recommendations in the comments below. 🙏🏻

## ⛓ Links of the Week

- Are you using [Notion](https://www.notion.so/)? Then this tool is probably for you. Create interactive presentions slides from your Notion pages with [wunderpresentation](https://wunderpresentation.com/notion/)! I got another tip for you shared by Emma Butler: ["Alternative for Paying for more Members" in Notion](https://yourstack.com/pro-tips/444-alternative-for-paying-for-more-members
). Nabil shared his [Software Project Template]((https://twitter.com/nQaze/status/1280945844762673154)) with me last week too.
- `thefuck` ([GitHub](https://github.com/nvbn/thefuck)) corrects errors in previous console commands. A life-saver for me.
- [JetBrain's Mono has three new lighter weights](https://github.com/JetBrains/JetBrainsMono/releases/tag/v2.000) now.
- A few weeks ago [I jumped on the Alfred train](https://dev.to/natterstefan/week-in-review-week-23-20-33g0) and got hooked. Here are some Workflows I installed recently: [DeepL Alfred Workflow](https://github.com/AlexanderWillner/deepl-alfred-workflow2), [Alfred Top](https://github.com/pstadler/alfred-top), [Dark or Light](https://github.com/BaksiLi/AlfredWorkflows/tree/master/Index/DarkOrLight), [Hide Desktop](http://www.packal.org/workflow/hide-desktop), [Notion Search](https://github.com/wrjlewis/notion-search-alfred-workflow), and [Alfred Project Manager](https://github.com/bjrnt/alfred-project-manager). Here is another [amazing list of Alfred Workflows](https://github.com/learn-anything/alfred-workflows).
- Ever heard of [roamresearch.com](https://roamresearch.com/)? It is a note-taking tool of a different kind. Instead of organizing notes in folders or with "flat" labels, it creates an interconnected knowledge graph. I have to admit I still not got used to it and use [Notion](https://www.notion.so/) instead.
- Here is how you can activate the [CSS Overview Tab in Chrome](https://dev.to/nialljoemaher/activate-css-overview-tab-in-chrome-5gek) - thanks, [Niall](https://dev.to/nialljoemaher)!
- In my previous reviews, I mentioned Jhey multiple times. He recently published an article with an [overview of his work](https://dev.to/jh3y/awesome-things-for-awesome-people-june-2020-1p13). It is incredible. CSS magician.
- Matching [my article about the git alias](https://dev.to/natterstefan/enhance-your-git-commands-with-ascii-art-2mk5), I found this one with [a great trick for navigating faster in your terminal](https://dev.to/jimmymcbride/bash-how-to-teleport-in-the-terminal-1e09).
- I fell in love with [DeepL](https://www.deepl.com). They do an amazing job and translations seem pretty accurate and sometimes even better (IMHO) than Google's.
- This is [how you can listen to variable changes in JavaScript](https://stackoverflow.com/a/62217231/1238150).
- In case you do not know it already: I ♥️ Storybook. No wonder I get excited when reading they introduce ["Storybook Args"](https://medium.com/storybookjs/introducing-storybook-args-2dadcdb777cc).
- You might already know [carbon.now.sh](https://carbon.now.sh/), do you? Copy and paste a few lines of code into their online editor and download an image of your code. But you do not even need to leave your editor to create screenshots with syntax highlighting. It is super easy in VS Code with [polacode](https://dev.to/arbaoui_mehdi/take-a-screenshot-of-vscode-using-polacode-extension-524h) or [CodeSnap](https://marketplace.visualstudio.com/items?itemName=adpyke.codesnap).
- [Sizzy](https://a.paddle.com/v2/click/49831/107029?link=1947) will change your life as a web frontend developer. It transformed mine at least! 🎉
- [js-coroutines](https://www.npmjs.com/package/js-coroutines) is for you if you need to manipulate (e.g. sort or compress) large data sets in JavaScript while staying smooth and interactive at 60fps.
- Last week, I discovered [ToolDeck](https://tooldeckhq.com/). They promise to be the "Launchpad for your favorite tools". Sign up with Twitter or GitHub and create your own deck of tools. The idea is great, but it just does not fit in my daily routine. Nevertheless, I found some helpful tools in their Explore and Feed tab. I might not use it frequently but visit it every now and then to find new (dev) tools.
- [react-responsive](https://github.com/contra/react-responsive) is helpful when using CSS media queries to React. Add their `useMediaQuery` hook to your component and control what happens based on the current screen size, orientation, and many more.
- Last but not least another fun site: [open a new window somewhere in the world here](https://window-swap.com/).

## Tweets of the Week

{% twitter 1280739086643404801 %}
{% twitter 1280741948999991296 %}
{% twitter 1281142205516787713 %}
{% twitter 1281167465347678209 %}
{% twitter 1281576716960272395 %}
{% twitter 1281339741682753542 %}
{% twitter 1282369548939931648 %}

## Website of the Week

[Jason Lengstorf's website](https://www.jason.af/) is full of tiny details that make the website shine. Click on his head in the navigation or hit the reload button in the Hero element. Then you know what I mean. (Thanks to [Danny Thompson](https://twitter.com/DThompsonDev) for the link).

## Video of the Week

A good friend of mine released new songs this year and thanks to COVID-19 he cannot promote them the way he planned to. I will use my platform to share some of his songs. Here is one of them. Enjoy it and please leave a comment on YouTube! You do me and my friend a huge favor. **THANK YOU**!

{% youtube EScTzl6Y50M %}

This is it for week 28/20.

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

Thanks,
Stefan

---

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

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._