When your code won't work (and why it can be a good thing)


​View this email in your browser (or share it with a friend!)

Hello Reader,

You write a couple of lines of code, hit save and... nothing happens.

You check for typos and everything looks fine.

You open your dev tools and don't see anything that seems wrong.

Except, something is wrong because it isn't working!!!

Nothing is more frustrating than when something won't work, and you have no idea what the problem is.

Though, sometimes, the opposite is true, where you get something working and have no idea why it's working either, which can be equally frustrating.

To make it worse, when we get very stuck, it can cause feelings of self-doubt to start creeping in.

One of the reasons for this is learning resources and paths keep moving forward.

"You've completed this lesson, so you have all the knowledge you need here, time to move on!"

Learning doesn't work that way though.

Having learned something, and being able to do that same thing are very different things.

It's very normal for it to take time for concepts to sink in and make sense.

And while it would be nice if we could just go from lesson to lesson and absorb everything instantly, struggling with things is such an important part of learning.

They’re even a term for it, called Desirable Difficulty that was coined in 1994.

The idea with Desirable Difficulty is about how running into challenges that we struggle through is a key to long-term learning.

When we struggle through things, but then finally figure it out (and this doesn’t have to be on your own, it can be from the help of someone else explaining it to you, or a tutorial that helps things click), what you’ve learned will be much more sticky.

You’ll understand why it worked, and you’ll also have learned why what you were trying before didn’t work.

It can sometimes feel like you’ve wasted a bunch of time, but often, it’s the best way to learn, even if it’s frustrating at the moment.

It can be even worse if we pay attention to the progress everyone else around us seems to be making.

It’s important to know that everyone struggles though, and when they post on social media, they’re curating that timeline.

They want to celebrate the win, so they share that, but most won’t share the struggles they went through to get that win.

There’s also the false expectations of what being a “good developer” is.

In the last live stream I did, someone in the chat noted how cool it was to see me have to search MDN on how a CSS feature works.

If you watch a tutorial of mine, it might seem like I’m a CSS encyclopedia.

I think I know CSS pretty well at this point, but when I make a tutorial, I research everything ahead of time and build out the demo at least one time before recording.

I do this so we can focus on what the tutorial covers and to prevent it from dragging on forever as I debug something silly, but that is a big part of what I do every day!

We can’t remember everything, and we’ll never get something right every single time… but it’s all part of the journey to getting a little bit better at what we do 🙂.

🙋‍♂️ What I’ve been up to this week

My favorite tips from 2024

video preview​

When I did my year-end review, I did a quick look at all the videos I put out, and it reminded me of some good tips that I shared!

So, I went back through and found my five favorites that didn’t involve cutting-edge stuff, meaning you can use all of these in your projects today if you’d like to!

Short of the week

​Remove empty elements with one line of CSS - great for dynamic content

Tip of the week

This week’s HTML & CSS tip of the week looks at why I’ve stopped using text-wrap: nowrap for things like buttons, and started using min-inline-size: fit-content instead.

🎙️ Podcast

Staying sane when things get busy

show
Staying sane when things get...
May 15 · General Musings with Kev...
16:24
Spotify Logo
 
​

I recently went through a period that could have led to burnout, but I managed to avoid it, so I thought I'd share how I managed to get through it.

LISTEN ON: APPLE | SPOTIFY | YOUTUBE | RSS​

​

🔗 Other awesome stuff around from the web

🏁

Have yourself a fantastic week,
Kevin

P.S. I recently had a few people ask me if it would be possible to preview lessons from CSS Demystified, so I’ve unlocked the first 15 lessons from the course (excluding the intro module).

You can jump into the first unlocked lesson here, and make you’re way through those lessons if you’re interested 🙂.

Also, if you struggle with online/self-paced learning, in the top tier of the course I have an entire section about how to get the most out of it.

P.S.S. The course is a little old, but I’ve started planning a very big revamp for it. You can wait for the update if you’d prefer, but if you do enroll now, you will get access to the updated version when it’s released as well.


If you no longer want to get any emails from me, you can unsubscribe or you can edit your preferences if you'd like pick which emails you get from me.
600 1st Ave, Ste 330 PMB 92768, Seattle, WA 98104-2246

Hi! I'm Kevin

Weekly newsletter, where I talk about tangentially-related front-end development topics and share what I've been up to in the last week, plus any cool/fun/interesting/useful links I come across as well.

Read more from Hi! I'm Kevin

View this email in your browser (or share it with a friend!) Hello Reader, Last week, I said most CSS problems come from a layer underneath the properties themselves. Here's one piece of that layer that almost nobody talks about. The browser creates boxes you never told it to. Take a simple <button class="button">Click me</button> There's one element there. But sometimes, there are two boxes... For example, if I did this: No typo here, this is using the two-keyword syntax for the display...

View this email in your browser (or share it with a friend!) PRE-S: You can help shape the future of the web by ranking the Interop 2027 proposals. There are a lot of them, but they’re just asking you to pick the ones that are important to you, and rank the ones you’ve picked. I’ll probably be sharing my ranks next week. Hello Reader, So it turns out that Opus 5.5 is very good at decompiling things. This has led to some mostly silly things, like Minecraft in Elden Ring and Mario in Halo, but...

View this email in your browser (or share it with a friend!) Hello Reader, I’ve been seeing questions like this one more and more often these days. I have a lot of thoughts on this that I’m trying to put together for something bigger, but these are the main reasons I keep making CSS tutorials: First, the obvious one: I like CSS! And I like to show what’s possible, and show that it can be fun and rewarding The second point, specifically showing what’s possible, I think is the important part....