I realized that I have 63 days left for the #100DaysToOffload challenge. I could still make it. But I need to do at least 1 post a day.
Since my last post, I’ve lost 5 days without a new post. Which indicates me, that I’m still not used to writing regularly. Maybe the challenge inside the challenge can help. 1 Post a day. 😅
Let’s try reaching the goal. I’m still confident that I can reach 100 posts in one year. 👌
39 of #100DaysToOffload
This is a little gem I've found. In the future, this can save some lines of code.
An example implementation could be:
:root {
--theme-bg-light: #eeeeee;
--theme-bg-dark: #111111;
}
.my-component {
background-color: light-dark(var(--theme-bg-light), var(--theme-bg-dark));
}
I'm excited to use this feature in non-tailwind projects. :)
38/100 of #100DaysToOffload
I finally took the State of JS 2024 survey. It was surprising how much was new for me. But, looking back in 2024, I think it is ok, that I had not the time and motivation to keep up. On the other hand, this survey felt strange because it asked a lot about how much I used different Frameworks. Which is basically justifiable, but the same frameworks were included in multiple questions. With most of the frameworks, I was familiar. I've checked their docs in the past and for the most, I was not interested in building a project with it. So, if nothing new comes up, I will stick with ReactJS and Next.js for a while. 😎
I've also taken the State of (HTML | CSS | ReactJS) surveys this year and in the years before. Next time, I write about them. This year I missed it. 🤷
37/100 of #100DaysToOffload
I've read the 5 books by Karsten Dusse, a German writer. A nice story about Bjorn Diemel and his way to a better work-live balance through mindfulness. It's a guide wrapped inside a story which makes fun to read. Netflix also released an 8 piece series about it. The makers of the series did an impressive job, transferring the book into a visual format. So, give the books or the series a try. It's worth it. 🙂
Some techniques mentioned in there are, for example, breathing. When in a stressful situation, stand straight and breathe. Feel everything around you. How does the floor feel under your feed? What do your hands feel, the material of your pants or jacked? And so on.
On Sunday, I needed exactly this. I was cooking with my oldest, while the little one was lurking around us in the kitchen. Both kids have the habit of not caring whether the other one has a problem or requires attention. The number 1 rule for them is (they think this is a rule), who screams louder is the one who gets attention. (We try not to obey this rule) So while I was cooking with the oldest and explained to him what and why I was doing the cooking, the little one required attention. I don't know why, but at some point it got chaotic. My oldest was asking questions and the little wanted to share his ball and was insisting that you will take it. Then the pot boiled over.
While driving in my car today, I had a good topic I wanted to write about. But while driving the car, I didn’t want to make notes about it.
Sadly, it is gone. Next time I should just stop at the next possible location and write it down. Or send myself a voice message.
While writing this post, the idea came up, that I also can write it via Siri. Just set a reminder with some information. 🧐
35/100 of #100DaysToOffload
Over the summer, I thought about the bruegge.dev domain and realized it didn’t quite feel like the right fit. I began exploring other options to see what else might suit my style. I noticed that some users from the #100DaysToOffload community use .xyz domains, which I found appealing.
For a few years, I’ve owned several barfooz domains, and I’ve always wanted to create a blog using one of them. In fact, that was the reason I bought my first barfooz domain in the first place!
The name barfooz is something I came up with, combining the developer placeholder variables
foo and bar. The result has a nice sound, almost like “barefoot” or Barfuß in German. And to make it a little cooler, I added a z at the end. 😎
I've already updated all my mastodon posts to link to the new domain. ✅
34/100 of #100DaysToOffload
Finally, I've updated the blog style to the colors I'm also using in my terminal. The colors are a part of a package where I've created color schemes for Alacritty, Wezterm and Neovim. It is on my to-do list to release it soon. Lately, I've played around with ChatGPT to create a cool mascot-image for the package. Stupid that this is holding me back from releasing it. But some things need a cherry on top.
Here is an example of what I got so far:
The last post I wrote is more than 4 Months old. A lot has happened in this time.
But first, why no new posts? Short story, I had no energy to write and completely lost motivation.
Over the years, I got used to a specific stack. As a Web Developer, the main use case is creating websites and -apps. In this field, you have plenty of tools to choose from. Which is a blessing and a curse at the same time. 😅
As a base, I use Next.js. Here I enable Typescript + ESLint and Tailwind CSS. Typescript and ESLint are a no-brainer for me. Sadly, Prettier is not in the box. So I install it afterward. On vercel.com, Next.js can be easily deployed and you have a good free tier. So you can develop and share a URL with your client, for example.
The next bigger thing is Tailwind CSS. For years, I was using Styled-Components, but was unhappy with it. Then I started my first project with Tailwind CSS and styling made fun again. To let play nicely with React.js, I'll use tailwind-merge. From their description: Merge Tailwind CSS classes without style conflicts.
To build nice components, there are Radix-UI Primitives. These pair really nice with Tailwind CSS. The biggest win on the Radix-UI Primitives is the react-form, which saves an extra installation of a separate React.js form library.
Every App or Site needs Icons. Here I found Heroicons, from the Tailwind CSS creators. The collection is big enough to get the most out of it. For comparison, the Radix-UI Icons have a nicer look, but they are very basic, and I often didn't find what I was searching for.
So, Next.js, Tailwind CSS, Radix-UI Primitives and the Heroicons cover the Frontend. Time for the Backend. 🥳
For the Backend, I simply use Supabase. Which covers all my needs. A Database, Authentication, and Storage. That's it. Nothing more to say. Supabase has also a good free tier and can be self-hosted if needed. 👌
As mentioned before, I use pirsch.io. Web-Analytics from Germany. I like that it is privacy-friendly and that there is no need for cookies. The Standard tier with €6/Months is the only thing in my current Stack2go which is paid.
And that's it. Have fun with it. 😊
31/100 of #100DaysToOffload
Writing this post was harder than I thought. 😊
My thoughts are just a constant stream of something chaotic. I struggle with getting a clear path in my head. So I need to write it down, why not in public? For some years, I'm doing it in my notion app but in private. Hopefully, a post can help to make it right and good.
Writing about a topic will help me to let things go through my head again. With it, I'm able to think more about a topic in detail and extend what I've learned.
A place where I can come back to and realize that this was not the first time I did something dump, so I have written it down in advance.
Gaining experience is never bad. So writing will get me some good, I hope. Like with coding, you get better, when you do it. Not just copy and paste from StackOverflow. Just writing actual code could help.
I'm not the best speaker or someone who can explain things good. I require time and reiterations. With writing a post, I can iterate over again and again until a post looks good.
30/100 of #100DaysToOffload