Discover Dev News with every new tab you open - thanks to daily.dev! [Week 35/20 in Review]
Stefan Natter π¦πΉπ¨π»βπ»
Posted on September 1, 2020
If you like my articles, you probably like my tweets and newsletter too. Let's connect on LinkedIn. π
Hello ππ».
Welcome to my "Week in Review" series. Each week I will share what I discovered, learned, and tested with you.
Besides the fact that I celebrated my 6,000 follower milestone, a lot has happened in the last week. Especially the hype around daily.dev is the topic of my today's issue.
Highlights
Last week I reached my 6,000 follower milestone! Awesome. So much has happened since the beginning of the year on Twitter for me. I am very happy that I can entertain 6,000 people on Twitter and share my knowledge with them. You guys are great!
Hey dev fam π
here's another great dev u should follow:
Stefan - @natterstefan
He's like me from Austria π¦πΉ and loves #React and Node.
Don't miss out on his amazing blog posts and his weekly newsletter π
Let's get him to π 6000 followers together π€
#Memes #100DaysOfCode22:17 PM - 25 Aug 2020
A big thank you to Chris for this mega picture! I still can't believe it. Mega.
Here is the making-off to it:
Here's a short video where u can see the layers I added for the meme I did on @natterstefan in a simplified form
Music π΅
Jeremy Vancaulart - The Space Between
youtu.be/lp0y0JJhTXs?t=β¦
Made with:
Affinity Photo π¨
Btw, I'm a dev, doing memes is just a hobby
#Memes #development07:53 AM - 26 Aug 2020
Another highlight of the last week for me was the many feedbacks on my open-source tweet. A lot of you got in touch and shared your open source projects with others. Thanks. I discovered some cool new tools which I will try out.
Do you contribute to Open Source Software? Share a link of the OSS you created or contributed to.
ππ»ππ»ππ»17:39 PM - 26 Aug 2020
Daily.Dev
In the last few days, but also already weeks ahead, I keep seeing tweets mentioning, praising, and sharing the daily.dev. Not least because of the cooperation with Hashnode, the free and open-source browser extension enjoys great popularity. Why is it so popular, what makes it so special?
On the website, we read "Discover Dev News with zero effort". That sounds promising. A few clicks later and the extension is installed. Now with every new tab, I see article suggestions from all kinds of resources (Alligator, Apollo Blog, DailyJS, dev.to, Digital Ocean, and many more). With a free account, you can also add bookmarks and comments. And did I mention that you can create your own lists of articles (Premium)?
It feels good to have the latest news from the industry presented with each new tab. I don't have to find the news, they find me. :D The extension is great and I recommend everyone to try it because it costs nothing.
What do you think of the extension? Do you use it too? What do you like best?
π Books
I currently read "We Are All Leaders: Leadership is not a position, it's a mindset" by Fredrik Arnander.
What are you reading? Share your recommendations in the comments below. ππ»
β Links of the Week
- Last week a few freelancers in my network shared their invoicing tools with us. Crater and Invoice Ninja were two of them. is The open-source invoice apps for freelancers & small businesses look both interesting. Which one do you use for your business?
- Do you read eBooks on your Kindle, or with iBooks? Do you use Instapaper or Pocket as your read later list? You can save your favorite tweets and threads from Twitter too (with
@readwiseio save thread
once you are signed up)! Then Readwise is for you. Sync your highlights with Readwise, get daily emails including your highlights, and remember what you've highlighted. Grow your knowledge over time. - Handle cookies like a pro in your React apps with react-cookie.
- Does
0.2.5
satisfy the^0.3.5
SemVer constraint? At the beginning of my career, I was not always sure if it matches. Thanks to this semver-check tool I learned it pretty quickly. It's like regex101.com but for SemVer. - Create beautiful color schemes within seconds on coolors.co.
- Are you working a lot with videos? Are you tired of having huge video files on your disk? Compressify helps. Compress video files by 20-60%
- In our projects, we use picsum.photos to get random images during development. If you are interested in how they created the site check out their source code. It's open-source.
- "Invest as little as $10 in private startups and earn a return if the startup succeeds." is what republic.co promises on their website. I have not used it and I am curious if one of you does.
- When I started taking Social Media seriously, I had to first update and sync all my profiles across multiple platforms. This was a tedious task. I hope dev-pack solves this issue in the future.
- I've got some more Alfred Workflows for you! One for bundlephobia and another one for goodreads. Both work great.
- If you ever run into the "Error: Command failed: alfred-link" issue, I got you covered. Here's what I did to resolve it.
- I've never thought of this before, but renting a domain could be actually a thing. upfordomain gets you started. Would you rent a domain?
- fzf - A command-line fuzzy finder
- Build a website in 5 minutes with building blocks and Softr.
- Wanna know how to add a CI to your Frontend with GitHub Actions?
- Do you use styled-components? If yes, styled-theming is probably for you. Easily create themes and variants for your next app.
- Many of you may already know Santiago. He shares valuable insights on Twitter and I love every tweet of him. His threads are full of insights, tips, and tricks. You should follow him if you don't already. Anyway, he shared his twitter-giveaway script with us on GitHub. Awesome and thanks!
- In the last couple of days, I had to add several animations to our application with react-transition-group and CSS animations. At one point I needed to figure out how to "Restart a CSS animation". Interesting learning. What do you use for animations? react-spring? Let me know in the comments, please.
- Looking for some easy to copy React hooks? Check out usehooks.com.
- In my last review, I mentioned the release of TypeScript 4.0 already. Here is once again an overview of the latest features.
- whenipress: A tiny, powerful and declarative wrapper around keyboard bindings in JavaScript
π¦ Tweets of the Week
nice open source tool for generating blog cover images
suitable for devs
coverview.now.sh by @WankhadeRutik08:52 AM - 29 Aug 2020
β‘οΈ Web Performance Tip β‘οΈ
Boost rendering performance with this new #CSS property:
π "content-visibility: auto"
It allows the browser to skip rendering of elements until it's needed (visible).
Like image lazy loading, but for lazy rendering HTML elements.
More infos π09:09 AM - 29 Aug 2020
What are some big/bigger websites made with @tailwindcss? I would like to figure out what are the most used utilities.
CC @adamwathan?16:58 PM - 28 Aug 2020
Adam Rogersβπ½ββπΏ #BlackLivesMatter@adamrogers203017:19 PM - 28 Aug 2020
Santiago@svpinoThere are two types of developers:
1β£ Those that get to a solution really fast, but all of their work is held with duct tape and saliva
2β£ Those that move methodically, making sure everything is just right before taking another step
I'm #1. Here is why:
π§΅π03:35 AM - 28 Aug 2020
Scroll Snapping with just HTML CSS.
A trick I use for preparing simple slides presentation that I want to embed apps in or just carousels without a plugin. β€οΈ
No JS required for this one!
youtu.be/GLxdqbsMKYA20:13 PM - 27 Aug 2020
Dear Tech Twitter:
What is your NUMBER ONE favorite blog by someone in tech, who has a *distinct writing style*? Where you read their articles for their *unique personality or voice*?
(Pls no list of twitter handles, direct link to the blog is π)18:41 PM - 27 Aug 2020
08:51 AM - 27 Aug 2020
@natterstefan Use Gatsby?
Use MDX?
Want to embed all the things?
Check out @PaulieScanlon 's MDX embed π₯
github.com/PaulieScanlon/β¦19:04 PM - 26 Aug 2020
Simon HΓΈiberg@simonhoiberg14 Awesome chart libraries for JavaScript π₯
π Chartist.js
π FusionCharts
π Dygraphs
π Chart.js
π Highcharts
π D3.js
π n3-charts
π Ember Charts
π Sigma.js
π Morris.js
π Cytoscape.js
π Rickshaw
π Plottable.js
π Canvas.js11:28 AM - 27 Aug 2020
Difference between git and github is like...
...difference between porn and pornhub π€08:15 AM - 26 Aug 2020
Annie π¦β‘@anniebombanie_On my portfolio site, I have my work displayed in these devices. Wanna do something similar? π
Here are five FREE online device generators:
β’ mockuper.net
β’ deviceshots.com
β’ mockuphone.com
β’ techsini.com/multi-mockup
β’ theapplaunchpad.com/mockup-generatβ¦04:12 AM - 25 Aug 2020
πΊ Video of the Week
This is it for week 35/2020.
See you next week - thank you. ππ»
Stefan
If you like this article, chances are you will like my newsletter too. π
Let's stay connected on Twitter, LinkedIn, and GitHub.
You can buy me a coffee or support my work on Patreon too if you want.
This post includes affiliate links; I may receive compensation if you purchase products or services from the different links provided in this article.
Posted on September 1, 2020
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.
Related
September 1, 2020