Blog

I recently discovered a new toy called scroll-driven animations. Since it’s a fresh feature currently only available in Chrome, I thought it would be the perfect time to dive into something new in modern CSS. I’d heard about it several times in newsletters and podcasts, but until now, I didn’t find it particularly appealing. Turns out, I was so wrong… so let’s dive in!

Recently, I came across a library that provides API access to my Moonlander keyboard. It's written in Rust, so I saw it as the perfect opportunity to sharpen my skills! Plus, since my little one loves to pound away at the keys, I decided to build a fun, interactive desktop app. And just like that, the adventure begins...

By now, you probably know that I'm obsessed with CSS. These days, CSS is improving rapidly, and it's hard to keep up with every new feature. In this post, I'll provide a basic overview of the new transitions that can make your MPA site feel like a native application.

Today, I want to talk about the social aspect of our industry. For the longest time, I thought that being an exceptional developer meant that I had to know and use as many technologies as possible. This can be a "burden" if you think about it. Let's explore some solutions.

️️Hey there, it's been too long! Guess what? I've been diving headfirst into a new project at my company lately. The project is mature and has its own conventions and stack. But you know me—I've always got that developer's eye for improvement. So, naturally, I've been brewing up some killer ideas to take this project to the next level. And what I stumbled upon? A gem of a project called sli.dev, crafted by none other than Anthony Fu.

This week, I'm revisiting my favorite topic: CSS. I'd like to demonstrate an awesome and easy way to create accessible tabs. The concept really caught my attention when I first encountered it.

️️Over the weekend, I worked on a side-project that required ultra-rapid completion while maintaining a focus on proper UX, logic, and testing. Naturally, the application needed to consume an external API. Given these constraints, I decided to utilize Valibot to validate the API schema and expedite the development process as much as possible.

️️Markdown is flourishing these days. Web applications render it to HTML to display content. Traditionally, these documents are rendered to HTML on the server-side. But it doesn't have to be like that. If you are interested in a client-side solution, then this post is exactly for you.

It's animation time once again! A while back, I had this itch to explore a petite animation library called Zdog. In this post, we're diving into its capabilities and having a bit of fun along the way.

End-to-end testing is a method to test the application fully from a user perspective in an automated way. This means that there is no separated module or mock during the test execution. The tests are running against a real application and database. Recently, Playwright has emerged as the de-facto end-to-end testing library. In my opinion, this is thanks to its ability to simulate the most popular browsers in parallel. Let's dive into that.

WebAssembly has always piqued my curiosity. Over the past few weeks, I've delved into numerous documentation sources to unravel the mysteries surrounding this fascinating technology. Not only that, but I've also ventured into the world of learning a new keyboard layout . The experience of exploring diverse topics is undeniably enjoyable. Surprisingly, even during my leisure time, I find myself immersed in the captivating realm of Rust documentation.

️️This week, I worked a bit on web content compression. Traditionally, I have always been involved with Java Spring Backends. So, it was a bit challenging for me to figure out how to implement compression properly, especially in our case where we don't use the - so popular - Spring Boot. It's a simple Spring MVC application.

Lately, I've been playing around with 3D elements to refresh my memory on how to implement certain things in Three.js. More importantly, I've been exploring the current state of WebGPU.

In this post, I want to show my techniques for delivering web fonts efficiently.

Achieving small JavaScript bundle sizes is a goal cherished by users, clients, browsers, ISPs, and, not least, developers. While it can be challenging to maintain, optimizing bundle size was the focus of my work this week.

Using icons on a website is a common and integral task, often incorporated into paragraphs, snippets, illustrations, and more. SVGs are frequently chosen for this purpose due to their scalability advantages.

Lately, I've been on a quest to elevate my Front-End Security skills, and one fascinating aspect I've delved into is Content-Security Policy . It's like the low-hanging fruit of security that every developer can pluck to fortify their web applications.

On this blog, you might have noticed a special dotted pattern I use to emphasize headings. This design adds a unique touch, but it does present some CSS implementation challenges.