Movatterモバイル変換


[0]ホーム

URL:


Skip to content
DEV Community
Log in Create account

DEV Community

Stefan Natter 🇦🇹👨🏻‍💻
Stefan Natter 🇦🇹👨🏻‍💻

Posted on • Originally published atblog.natterstefan.me

     

Do something .new [Week 36/20 in Review]

If you like myarticles, you probably like mytweets andnewsletter too. Let's connect onLinkedIn. 🚀


Hello 👋🏻.

Welcome to my "Week in Review" series. Each week I will share what I discovered, learned, and tested with you. Let's take a look at what I got this week.

Last week and this week were crazy from a work perspective. Some great projects went online and accordingly I had a very focused workflow. That's why today's output is a bit shorter. In the next 2 weeks, I will be more off- than online and therefore write less extensive blog posts. But don't worry, after that, I'll be back on track again. Stay tuned. I still think there is something for some of you nevertheless.


Highlights

In my current day-to-day, I work more in the frontend (ReactJS) than in the backend (NodeJS). Accordingly, I am less in the database world. But I've been interested in this topic for quite some time and I want to work more on it. That's why I asked myTwitter community: How do I get started with Postgres. And promptly I got some exciting answers. Thanks a lot!

Stefan Natter profile image
Stefan Natter
twitter logo
I spend most of the time in the frontend and want to learn more about handling and setting up databases now. Especially more about Postgres.

Do you have some interesting and helpful resources for me to get started, please?
07:01 AM - 06 Sep 2020
Twitter reply actionTwitter retweet actionTwitter like action

Thanks to @Sandeep Panda I had an "Aha, this is possible" moment. He showed mehow to check JavaScript Errors in the console on your mobile phonewithout using your computer!

Do you think about starting a blog? Do you have one already? Are you thinking about starting a blog? Do you already have one? Or do you want to take your blog to the next level? Well, then Monica Lent's"17 Link Building Strategies for Developers and Technical Founders" is for sure for you. Thanks for sharing this gold nugget with me,Daniel.

Play the .new word game

Thelist of top-level domains is almost endless. There are interesting and less interesting ones. One that stands out is .new! If you have seen some of the following examples, you know why I mean that.

The idea behind .new domains is simple. They represent shortcuts for various actions. So you can create a new document on Google Drive in seconds withdocument.new or spreadsheets withsheet.new. Or do you want to play around with React quickly? Openreact.new and you are ready to go. OrTypeScript? That's not all, there aremany more .new-Domains. Also for other non-dev topics and apps, e.g.Spotify.

You can alsoapply to register your own.new-Domain.

📗 Books

I still read"We Are All Leaders: Leadership is not a position, it's a mindset" by Fredrik Arnander. In the last few weeks, I had less time left to read. When do you read during the day? In the morning, or evening? Is it part of your morning routine? Let me know, please.

Jhey Tompkins published his CSS Book "Move Things With CSS" on Gumroad. Are you ready to learn more about CSS?

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

⛓ Links of the Week

  • Snowpack is a modern, lightweight toolchain for faster web development.
  • Are you looking for a modern and up to datetwitter-api-client?
  • react-intersection-observer tells you when a React component is in the viewport of your browser with the help of theIntersection Observer.
  • I am a huge fan of thedigital garden concept. That is actually what I do withmy posts. That's why I found theTIL repo exciting, whichDaniel Rotter showed me.jbranchaud shares a lot of his TIL moments in a few words.
  • Do you load the right picture for every screen size, or do you just load one for all devices? From a web performance point of view (a separate topic in itself), you should take it to heart to load responsive images suitable for the current screen size. A mobile device does not need the same image (in terms of resolution, file size, ...) as a 49-inch monitor. The implementation is not too complicated. Read more about it in one of many tutorials, likethis one from Chris Coyier.
  • I had an "aha" moment recently when it was about why Safari increases the zoom level when focusing on an input field. Thelearning was: the font was smaller than 16px and the "viewport" tag was missing. TIL.
  • If you are lucky enough and do not need to support Internet Explorer anymore, you might wanna read more about“will-change”. This interesting CSS property lets "the browser know which properties and elements are just about to be manipulated, potentially increasing the performance of that particular operation."
  • hoppscotch: is a great free, fast, and beautiful API request builder
  • The next time you wonder why a React component (re)renders, you should use this nice solution:why-did-you-render.Lukas showed it to me and I'm definitely keeping it in mind
  • Better Twitter Analytics for everyone -ilo.so
  • Never miss the moment when your package exceeds the specified size limit with theGitHub Action size-limit.
  • Did you know you can create your ownPull To Refresh on your website? If you are planning to create make sure you read Google'sTake control of your scroll: customizing pull-to-refresh and overflow effects article.
  • I admit I am a fan of structure and defined processes. So it's not surprising that I really like both thecode owners and the pull and issue templates of GitHub, right? The code owners feature allows you to specify contributors who are responsible for various files (.js, .sql, ...) or entire folders (db, client, webpack, ...). Responsible in the sense that they are notified about changes to the defined files in pull requests, or even forced to at least share the review. Withpull and issue templates, you can create templates that are used when a new pull request or issue is created. So you can bring a structure into the created issue of for example open-source projects.

🐦 Tweets of the Week

unknown tweet media content
Adrian Twarog 🦘 profile image
Adrian Twarog 🦘
@adrian_twarog
twitter logo
Avoiding Burnout as a Developer is quite important.

Check out my latest video on the@traversymedia channel (thank you) where I talk about my own struggle with staying healthy and how I ensure I don't burn myself out.

Link in the comment below:
👇👇👇
08:21 AM - 08 Sep 2020
Twitter reply actionTwitter retweet actionTwitter like action

Wojciech Matuszewski profile image
Wojciech Matuszewski
@wm_matuszewski
twitter logo
Recently I've been playing around with
github.com/type-challenge…
I'm having so much fun!

Thank you for this@antfu7 and everyone involved.
16:31 PM - 07 Sep 2020
Twitter reply actionTwitter retweet actionTwitter like action

Max Stoiber profile image
Max Stoiber
twitter logo
@notbrent@erinfooxa11y.coffee by@amber1ey is fantastic!

Especially@madalynrose's article (and the internal workshop she gave around that topic) made me 100x better at a11y:a11y.coffee/a11y-testing-m…
14:27 PM - 07 Sep 2020
Twitter reply actionTwitter retweet actionTwitter like action

unknown tweet media contentPlay butt
Dennis Valera profile image
Dennis Valera
@dennisreports
twitter logo
Jeremy Remington is one of 207 people that was trapped and rescued from Mammoth Pool. He got to Fresno sometime after midnight.

The#CreekFire is 45,500 acres now. Shaver Lake is now under mandatory evacuation. Latest info:bit.ly/35a6y8s
15:51 PM - 06 Sep 2020
Twitter reply actionTwitter retweet actionTwitter like action

Product Hunt • Text me (415) 481-3148 profile image
Product Hunt • Text me (415) 481-3148
@producthunt
twitter logo
What a cute idea 🥰

An interactive dining app to organize your next virtual date
meow.ph/digid8
14:32 PM - 06 Sep 2020
Twitter reply actionTwitter retweet actionTwitter like action

unknown tweet media content
Lindsey🌻👩‍💻 profile image
Lindsey🌻👩‍💻
twitter logo
#color schemes 🎨🌈
06:00 AM - 06 Sep 2020
Twitter reply actionTwitter retweet actionTwitter like action

unknown tweet media contentPlay butt
Jhey 🐻 profile image
Jhey 🐻
@jh3yy
twitter logo
Do you know what the "/" does for CSS border-radius? 🤔

It's pretty cool 😎

Let me show you! 🔥

👉egghead.io/lessons/css-us… via@eggheadio
11:25 AM - 03 Sep 2020
Twitter reply actionTwitter retweet actionTwitter like action

This is it for week 36/2020.

See you next week - thank you. 👋🏻

Stefan


If you like this article, chances are you will like mynewsletter too. 🚀

Let's stay connected onTwitter,LinkedIn, andGitHub.

You canbuy me a coffee or support my work onPatreon 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.

Top comments(0)

Subscribe
pic
Create template

Templates let you quickly answer FAQs or store snippets for re-use.

Dismiss

Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment'spermalink.

For further actions, you may consider blocking this person and/orreporting abuse

I am interested in and talking about JavaScript, ReactJS, NodeJS, CSS, and Software Engineering | 📧 Weekly NL Series: https://newsletter.natterstefan.me
  • Location
    Austria
  • Work
    CEO & Co-Founder at marqant digital
  • Joined

More fromStefan Natter 🇦🇹👨🏻‍💻

DEV Community

We're a place where coders share, stay up-to-date and grow their careers.

Log in Create account

[8]ページ先頭

©2009-2025 Movatter.jp