Blog

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.