It’s almost comical writing about this now, since so much time has passed since the last bit about me updating this site. But if you’re reading this now, you’re reading this on a new domain using a different tech stack and a new design. Both the tech stack and the design are different from what I outlined in the last post of this series. I want to talk about why it took so long and why it all changed so much.The “why it took so long” partThere is two reasons for this: Life and me. Let’s talk about life first....

As one does, I recently planned what I wanted to do this year. I realized how much my approach to this changed over the years, especially regarding goals I want to achieve. I wanted to write about that a little. Why, you ask? Because I set out to write a certain amount of blog posts this year. And hence, we now have to work through this post about goals so I can achieve my goal. Hooray.Okay, goals. If you look around the internet, you will read over and over again that goals are important....

I recently did my annual review and wrote down some things I learned this year.Here they are, in no particular order.Taking risks and leaving your comfort zone is always worth it. You will make new experiences and no matter how they turn out will you always learn something valuable as long as you keep your eyes and mind openTools don’t matter that much. Settle for something that works and only start min-maxing if it gets in your way. The note taking tool or the keyboard you use make only a marginal difference. Focus on the hard things instead.Don’t be afraid to look stupid....

Here's the different methods of handling an Array of Promises in JavaScript.Promise.all()Probably the best known of them all. We tell JavaScript "We need all these Promises to fulfill". Thus, Promise.all() will stop executing any further promises on the first promise it encounters that is rejected.const promise1 = Promise.resolve(13) const promise2 = Promise.reject(37) const promise3 = Promise.resolve('foo') const results = await Promise.all([promise1, promise2, promise3]) console.log(results) // => [{status: 'fulfilled', value: 13}, {status: 'rejected', reason: 37}] Promise....

I decided to go to the office today, which meant I had a commute. I hated every minute of it. It takes me about 50 minutes from door to door with public transport. I’ll consider this a lengthy commute.Here’s a list of annoyances from my rides:Dude Smoking heroin at the station at 9 a.m.People not caring at all about masks being required on public transportRandom dude screaming at a woman because she was standing in the door area (there was no other place where she could have gone)Woman refusing to pick up a toy for her toddler because „You dropped it“, toddler screaming in protest (and rightfu...

You probably know about the resize event on the window object you can listen to. But there are situations where it is needed to know about size changes on single elements.This is where ResizeObserver comes in. With ResizeObserver you can define a callback that should be fired upon resize of an Element or SVGElement. Let's take a look.We will explore the API by solving a fictitious problem:We need to know when a div with the id my-div resizes and broadcast the new height of the element to a function, functionThatUsesTheNewHeight()....

Louis Antonopoulos (thoughtbot):I immediately realized the trap I had fallen in. I made an assumption (no key in backpack) and I held onto that assumption for days like it was the truest thing in the world. And that simple action, repeated over and over, led me down a trail of wasting time, feeling frustration and worry, and taking all these extra steps.This is something I fall for as well, and fairly often. I make it a conscious effort to remember to ask myself if what I think is happening is actually happening....

I bought a Fitbit Charge 5 a few months ago. I think it was a mistake.On paper, it ticks a lot of boxes that are important for me. I want a device that I don’t have to worry about while wearing it. A device that I can wear while exercising and in the shower and at all other places. I want it to track certain things. Most important to me are my heart rate, my steps and my sleep. And I don’t want to worry about how much battery is left all the time.The battery thing was the main point I chose trackers/smartwatches by in the last few years....

I thought about the behavior of children today. Especially the kinds of behaviors in children we might not like. I think it might be all our fault.I want to say a few things before I go on, because I’m afraid that this might sound wrong if I don’t. It is my strong opinion that it is not a child’s job to be how a parent wants them to be. They do not owe parents a thing for bringing them into this world. I think parents owe their children for bringing them into this world and one of these things it to allow them to be how and who they want to be....

In the last post of this series, I wrote that I tend to get bored with creating designs at some point in the process and want to start coding. I now have reached that point.My joy of creating designs lasted shorter than I thought and currently, I have designs for three pages: The homepage, the blog overview and a single blog post. While this is a lot less than I aimed for, it will give me enough of a base to start coding and even design other parts of the page in code. I might come back to Figma later in the process if I get stuck....