Top 3 in Tech: Taking breaks, Avoiding image layout shifts, FaunaDB

How do you level up your coding skills and break into the industry without getting burned out? Let's find out!  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

Hey there,

Welcome to today's issue of the Top 3 in Tech newsletter. I'm writing this from my vacation in beautiful Cyprus, so I really hope you enjoy it! Should take less than 4 minutes to read. Let's get started:

1. Taking breaks

Consistent practice by coding every day is one of the most effective ways to learn. It's also the fastest way to level up your skills, especially if you build lots of small projects that are interesting to you. And if you're not currently working as a developer, but looking to break into the industry, there's basically no way around it.

But coding every day can also get exhausting. Even if you only code a tiny bit each day, it can still take a toll on you mentally.

It's especially true if you're still new to programming - because you'll run into lots of problems and frustrating issues you just can't wrap your head around.

And even if you've been a developer for a long time, the industry moves fast. And having to keep up with all the modern tools and frameworks can still get rather tedious.

So as I sit on a beach in Cyprus, sipping a drink and enjoying my vacation away from code, I wanted to use this opportunity to stress the importance of taking time off.

Yes, learning to code takes time and effort.

Yes, you should enjoy learning new things in general.

But none of it matters if you get burned out because you forced yourself to code all the time when you weren't intrisincally motivated.

So remember that it's always important to take breaks if you feel yourself:

  1. Getting overworked
  2. Don't enjoy the process as much
  3. Simply don't have time for a while

That'll be way more sustainable in the long run and ensure you don't end up quitting development all together by burning yourself out.

2. Avoiding image layout shifts

If you work on the web, chances are you're familiar with the "image layout shift" issue. The problem happens becuase the browser has to make room for an image based on CSS, but it doesn't know the actual dimensions of the image until it has been downloaded. This can lead to clunky UI jumps when loading images - but now we have several methods to deal with this.

Check out this amazing article by Jake Archibald (Developer Advocate at Google) explaining the problem way better than I ever could, and offering the pros/cons of potential solutions:

Avoiding <img> layout shifts

3. FaunaDB

As you probably know, I'm a front-end developer. That means I specialize in HTML/CSS/JavaScript (+ their accompanying frameworks). But I very rarely work with databases. Mostly because it's an entirely different set of skills and knowledge needed.

The problem with that is that you need a database to create most "useful" apps (projects that require users, saving data for a long time etc.)

Fortunately, a lot of cloud-based databases have popped up in the last few years - one of them being FaunaDB. And taken from their website: "Fauna is a flexible, developer-friendly, transactional database delivered as a secure and scalable cloud API with native GraphQL."

Fauna is a great way to spin up a hosted database, and then connect to it using your favourite programming language. So check it out and give it a try for your next project:

Get started with FaunaDB

Did you enjoy today's newsletter?

👍 Yes, it was amazing!

😐 Eh, I guess it was ok

👎 Not really at all


I would really appreciate if you would share the newsletter with your friends on Twitter, Facebook, LinkedIn, by email or copy/paste the link mads.fyi/top3 on other platforms. It really helps to keep me motivated and let the newsletter grow. See you in 2 weeks ✌

— Mads Brodt

Older messages

Top 3 in Tech: 5 Golden Rules of Development, The Fresh framework, ToastifyJS

Wednesday, July 6, 2022

Software development is hard. But are there some guiding principles we can use to create better software, regardless of our field? ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

Top 3 in Tech: Dealing with imposter syndrome, Interactive typography tutorial, New Netlify website breakdown

Wednesday, June 22, 2022

What is imposter syndrome, why is it such a problem in the development world, and how can you deal with it yourself? ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

Top 3 in Tech: Think twice - code once, 100+ Computer Science concepts, InertiaJS

Wednesday, June 8, 2022

Hey hey hey, Mads here with this week's instalment of the Top 3 in Tech newsletter. One piece of advice, one resource and one tool to check out for your reading, viewing and learning pleasure.

Top 3 in Tech: Keeping up with the Codeashians, State of CSS 2022, Terminal for front-end devs

Wednesday, May 25, 2022

How do you stay up to date with the constantly changing development ecosystem - without getting burned out? ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

Top 3 in Tech: What programming language should you learn first, State of frontend 2022, 10 Design Patterns in 10 minutes

Thursday, May 12, 2022

What programming language to learn first is an interesting question with a lot of variables. Here's my recommendations to get you started. ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

Time Is Running Out to Sponsor TechCrunch Disrupt in October

Thursday, August 18, 2022

Email Header Image Become a Sponsor at TechCrunch Disrupt! Join these powerhouse brands by becoming a sponsor at one of the most influential and dynamic tech conferences in the industry. Make the right

Shift+Enter Is a Secret Shortcut Everyone Should Know

Thursday, August 18, 2022

Did You Know?: Mathematically, it's possible for each area code in the United States to support a maximum of 8000000 telephone numbers. Practically, however, the number is slightly less than that (

iOS Privacy Facebook and Instagram, Lenses and Prisms in Swift, Async Let, Conditional SwiftUI Layouts, Apple September Event Date Rumours

Thursday, August 18, 2022

One more thing... Hello, you're reading Infinum iOS Cocoa Treats, bringing you the latest iOS related news straight to your inbox every week. iOS Privacy: Instagram and Facebook can track anything

Issue 229 - 500 miles Tesla semi this year, Cybertruck next

Thursday, August 18, 2022

View this email in your browser If you are just now finding out about Tesletter, you can subscribe here! If you already know Tesletter and want to support us, check out our Patreon page Issue 229 - 500

Noonification: Key Facts About Noonies 2022

Thursday, August 18, 2022

Top Tech Content sent at Noon Free eBook: Try Infrastructure as Code The Noonification: Your Daily Dose of Electrifying Tech Content at Noon, by HackerNoon Hey there, 🪐 What's happening in tech

This '80s song could crash your laptop

Thursday, August 18, 2022

New iPhone release date; Best robot vacuum deals... ZDNET ZDNET Tech Today - US August 18, 2022 placeholder Don't let Janet Jackson's 'Rhythm Nation' crash your old laptop Here's

Programmer Weekly - Issue 118

Thursday, August 18, 2022

View this email in your browser Programmer Weekly Welcome to issue 118 of Programmer Weekly. Let's get straight to the links this week. Quote of the Week "The most secure code in the world is

VisualStudio.Extensibility Announced, Microsoft Leads in Cloud AI Dev Services, VS 2022 for Mac 17.3 GA, More

Thursday, August 18, 2022

Home | News | How To | Webcasts | Whitepapers | Advertise .NET Insight August 18, 2022 THIS ISSUE SPONSORED BY: ■ Modern Software Installation with InstallShield ■ dtSearch® - INSTANTLY SEARCH

Web Tools #474 - JS Libraries, SVG, Git/CLI

Thursday, August 18, 2022

Web Tools Weekly WEB VERSION Issue #474 • August 18, 2022 Advertisement Build Internal Tools 10x Faster with Retool Retool is the fast way for developers to build and share internal tools. Teams at

Python Weekly - Issue 563

Thursday, August 18, 2022

View this email in your browser Python Weekly Welcome to issue 563 of Python Weekly. Let's get straight to the links this week. From Our Sponsor Get Your Weekly Dose of Programming A weekly