Have you ever struggled to create engaging visuals for products, branding, and interfaces? The designs you see on UI curation websites often require pro-design skills or many hours of practice. You can get unique and quality-looking backgrounds with the right tools, too. In this article, I have compiled some of…

Modern web development is component-based. Coming up with an eye-catching design might be challenging, especially if you are a less experienced web developer. In this article, I have compiled some of my favorite components that you can use for inspiration for your own projects. …

A comprehensive guide on building a music player app from scratch using React. — A while ago I built my portfolio and I wrote a custom audio player to showcase my tracks. Since then quite a few people have been interested in its technical implementation. I’ve always replied I might write a full-length tutorial for it, yet the strict deadline for it was never…

Installation guide, features, and tech stack I used to build KanBoard. — Whether it is web development, writing articles, or achieving personal goals, proper planning has always been crucial. That allows us to split the main task into smaller bits, track progress and set realistic deadlines for each. I saw the DEV x Appwrite hackathon being announced in the middle of April…

Creating advanced shapes from scratch requires some advanced CSS and SVG knowledge and you might still end up adjusting values afterward. I would recommend using some GUI tools, that offer you a user interface to tweak the parameters. In this article, I have compiled some of my favorite shape generators…

Resources you can study to broaden your CSS knowledge. — A while ago I wrote an article about the repositories you need to master JavaScript. It got some great feedback, so I decided to make a sequel about CSS as well. I have further sorted all the resources into categories from learning the basics to style guides, best practices, useful…

The product lifecycle often holds us accountable for so many things. Even if you think you are aware of everything, it is always a great practice to double-check, just to be sure. In this article, I have compiled some of the most useful checklists. These include everything from design and…

Modern web development is about grabbing the visitors’ attention. There are several ways of making your website more eye-catching and engaging. One of the most appealing methods is adding animated hero text to your landing page. In this article, I have compiled some of the most creative effects I’ve seen…

An app that lets you find all the important parts of your voice recordings like sentiments, entities, and tags with just a click. — Many of us have come across the tidy task of voice recording analysis, where you had to listen to the whole audio to identify the most essential parts.