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
Wow, what a long time without an update post. I feel bad and have a lot of topics I want to write about. We are on a vacation trip, and I'll try to use the evenings to complete some of my posts, I've started writing but never finished.
The last few weeks have really drained us. But not working wise, more privately in combination with work. Keeping care of the little one while working, turned out more stressful than expected. When we were forced to start in March, we were optimistic and everything worked quite well. But the little one is growing and claims a lot of attention lately. Which is good, he is not just lying around anymore and plays with his loud toys. Now he is discovering the world through his “eyes”. Which is wonderful, and we love everything he is doing. However, we are counting the days until the Kindergarten starts in September. We are not the multitaskers we thought we were. And you feel that the little one needs more input from us and other people. Which is also good, and you can see how he grows with the input. 😊 We've met his Individual case assistance and both seem to like each other. Hopefully, in September everything will go well, and they will be together for a long time. :)
Some topic regarding the #GoodBadUgly posts. I've decided to remove the “ – Week 19-25” count. It builds too much pressure on me, to write these posts, and it keeps too much time writing them. This time can be spent on some more interesting posts. I will keep collecting my stuff like in the past because it makes fun to write them and helps me. Maybe I think too much about it and make it too complicated. 😅 I should just write and go on.
So, enough pre-banter, let's start with #GoodBadUgly of the last 6 Weeks. 🥳